我希望当我单击此按钮时，“glyphicon-plus”更改为“glyphicon-minus”，当我再次单击时，它将再次“glyphicon-plus”。我希望它应该是可切换的。我不想在 css 或 jquery 中使用它。app.component.html :
<button data-toggle="collapse"
[attr.data-target]="'#demo' + RowIndex">
<span class="glyphicon glyphicon-plus"></span>
</button>
在您的模板中，使用sign绑定和click事件绑定，如下所示：
<button data-toggle="collapse"
(click)="toggleSign()"
[attr.data-target]="'#demo' + RowIndex">
<span class="glyphicon glyphicon-{{sign}}"></span>
</button>
在您的组件类中，sign每次单击时更改属性。
export class MyComponent {
....
sign = 'plus'; // or minus if you want that first
toggleSign() {
if(this.sign == 'plus') {
sign = 'minus';
} else {
sign = 'plus';
}
}
......
}
在 Angular 中总是这样想——我的观点是我组件状态的反映。因此，如果我想在视觉上改变事物，使用绑定系统将我的视图的可变部分绑定到我的组件的属性，并且只需更改组件属性以反映我想要的视图。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句