如何将打字稿变量分配给任何属性值？

Question

我的打字稿文件中有一个变量

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 作为自定义属性，我希望将它们的值替换为打字稿变量 (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}}">
此处尝试将 object 变量设置为属性

提前致谢！

Answer 1

您可以使用 attr 修饰符。

<input ... [attr.data-start-time]="selectedWorkOrder?.window1StartTime" [attr.data-end-time]="selectedWorkOrder?.window1endTime" />

如何将打字稿变量分配给任何属性值？

How to assign typescript variable to any attribute value?

html

typescript

ng-bind

angular