在 HTML5 數據屬性中設置 angular 組件變量值

Question

我有一個

它的 css 之前的內容取決於li屬性：

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

有效的 Html：

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

問題是我希望data-datetime屬性從 angular 組件函數\變量中獲取其值（而不是這里看到的固定值）

有沒有辦法做到？

Answer 1

演示 Angular

你可以為像attr. 綁定

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

或者

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