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

在HTML5数据属性中设置角度组件变量值,html,angular,data-binding,attributes,Html,Angular,Data Binding,Attributes,我有一个,它的css以前有内容,这取决于li属性: ::before { content:attr(data-datetime) } 工作正常的Html: <li class="timeline-seperator" data-datetime="01/2020"></li> 问题是我希望data datetime属性从angular component function\变量中获取其值(而不是此处所示的固定值) 有办

我有一个
  • ,它的css以前有内容,这取决于li属性:

    ::before
    {
       content:attr(data-datetime)
    }
    
    工作正常的Html:

    <li class="timeline-seperator" data-datetime="01/2020"></li>
    
  • 问题是我希望data datetime属性从angular component function\变量中获取其值(而不是此处所示的固定值)

    有办法做到吗?

    您可以为自定义属性(如
    attr.
    绑定)执行此操作

    <li class="timeline-seperator"  [attr.data-datetime]="name"></li>
    
  • 您可以为自定义属性(如
    attr.
    绑定)执行此操作

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