css - 在 Angular2 中使用自定义 CSS 会出现 "Can' t bind since not native property“错误

Question

我的 CSS

ol.progress[data-steps="9"] li { width: 11%; }

我想像这样在我的模板中使用上面的内容:

<ol class="progress" data-steps=4>

   <li *ngFor..> </li>

我试过了:

<ol class="progress" [data-steps]="myNg2Variable">

获取错误:

Template parse errors: Can't bind to 'data-steps' since it isn't a known native property

如何实现？

Answer 1

您需要将 attr 属性与插值一起使用:

<ol class="progress" attr.data-steps="{{myNg2Variable}}">

干杯