Angular 将属性传递给 DOM答案

【问题标题】：Angular Pass Property to DOMAngular 将属性传递给 DOM
【发布时间】：2018-06-13 23:47:59
【问题描述】：

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

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

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

使用 Angular 5 应用程序。

谢谢

【问题讨论】：

【解决方案1】：

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

[attr.data-start]="someField"

【讨论】：

【解决方案2】：

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

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

【讨论】：

好吧，试试属性解决方案，而不是 [attr.data-start]="startValue" 如果它仍然不起作用，尝试添加一个 #timeBox 例如并告诉我是什么给了你 this.timeBox (@ViewChild ("timeBox") 时间框)