在 HTML5 数据属性中设置角度组件变量值答案

【问题标题】：set angular component variable value in an HTML5 data attribute在 HTML5 数据属性中设置角度组件变量值
【发布时间】：2020-11-09 08:48:09
【问题描述】：

我有一个

，它的 css 之前有一个 content，它取决于 li 属性：

::before
{
   content:attr(data-datetime)
}

有效的 HTML：

<li class="timeline-seperator" data-datetime="01/2020"></li>

问题是我希望 data-datetime 属性从角度分量函数\变量中获取其值（而不是此处看到的固定值）

有什么办法吗？

【问题讨论】：

【解决方案1】：

Demo Angular

你可以为attr.之类的自定义属性绑定

<li class="timeline-seperator"  [attr.data-datetime]="name"></li>

或

<li class="timeline-seperator"  attr.data-datetime="{{name}}"></li>

【讨论】：