我有带有数据目标的按钮。我希望数据目标是有条件的,应根据条件(布尔值)更改数据目标的值。
HTML代码:
<button class='pricing-addon' style="margin-left: 20px" data-toggle="modal" data-target="#add-addons">Add Add-on's</button>
我尝试使用 data-target = {{variable}} ,即使使用
[attr.data-target] =“'#exampleModalCenter”
还有其他方法可以按角度方式有条件地绑定值。
答案 0 :(得分:1)
[attr.data-target]="condition ? "true_option" : "false_option"
这将评估条件,并根据条件是对还是错,将data-target的值设置为给定的选项。
答案 1 :(得分:0)
感谢您的提问。
数据目标用作触发另一个元素的方法。 您可以使用简单的click事件并添加一种方法来确定要设置的值,然后使用* ngIf而不是像这样使用此属性-
<button (click)="setValue($event)">
在 setValue 方法中,您可以确定要设置的值
<element *ngIf="!value"></element>
这是实现数据目标功能的替代方法。