Angular 如何绑定'的值；数据目标'；角度5

我有一个数据目标按钮。我希望数据目标是有条件的，根据条件（布尔值），数据目标的值应该更改

HTML代码：

<button class='pricing-addon' style="margin-left: 20px"  data-toggle="modal" data-target="#add-addons">Add Add-on's</button>

附加组件

我试过使用数据目标={{variable}}即使使用
[attr.data target]=“示例ModalCenter”

是否有任何其他方法以角度方式有条件地绑定值。

[code>[attr.data target]=“condition？”true\u option:“false\u option”

---

这将评估条件，并根据其是否正确，将数据目标的值设置为给定选项。

谢谢您的提问

数据目标用作触发另一个元素的方法。 您可以使用一个简单的单击事件并添加一个方法来确定要设置的值，并使用*ngIf，而不是像这样使用此属性-

<button (click)="setValue($event)">

在设置值方法中，您可以确定要设置的值

---

这是实现数据目标功能的另一种选择。

我发现控制台错误无法绑定到“数据目标”，因为它不是“按钮”的已知属性，在[attr.data target]=”条件下工作正常？“正确选项”：“错误选项”很好，这只是一种选择