角度传递属性到DOM

Question

如何使用Angular动态地将属性传递给HTML标记。

<div class="my-class" data-start="10">

我希望动态传递data-start值。

使用Angular 5应用程序。

谢谢

Answer 1

当someField（在您的组件类中）具有值!= null时，将添加属性data-start，否则将被删除。

[attr.data-start]="someField"

Answer 2

我个人会使用动态值（使用{{curlyBrackets}}插值）：

<div class="my-class" data-start="{{startValue}}">