【发布时间】：2021-10-28 18:24:33
【问题描述】：
我的打字稿文件中有一个变量
public variableName: something;
我想用这个变量来替换html代码中的自定义属性值
<input type="radio" name="someName" id="someId" data-start-time="{{variableName}}" data-end-time="{{variableName}}">
data-start-time 和 data-end-time 作为自定义属性，我希望它们的值被 typescript 变量（Angular）替换？？
编辑--
添加更真实的例子--
public selectedWorkOrder: WorkOrder;
workOrder 是具有几个变量（例如，ID、标题）的接口
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" data-start-time="{{selectedWorkOrder?.window1StartTime}}" data-end-time="{{selectedWorkOrder?.window1endTime}}">
这里试图将对象变量设置为属性
提前致谢！
【问题讨论】：
-
[attr.data-start-time]="variableName" -
我会提供更多细节，比如说 variableName = "done"，但 done 不会在 html 输入标签处被替换
-
应该可以正常工作。大概是有什么事吧。显示更多（实际）代码。
-
``` public selectedWorkOrder: WorkOrder; ``` workOrder 是具有几个变量的接口（例如，ID、标题） -------------------------- ``` ``` 这里试图将对象变量设置为属性
-
@KamleshSilag，使用对象是相同的
[attr.data-start-time]="selectedWorkOrder?.window1StartTime"。看到您使用[]并在引号之间使用“变量”
标签： html angular typescript ng-bind