gpt4 book ai didi

javascript - Angular2 [ngClass] 条件引导样式被切断

转载 作者:行者123 更新时间:2023-11-28 03:59:07 25 4
gpt4 key购买 nike

<分区>

我无法让 Angular2 使用条件 ngClass 样式和 Bootstrap 标签。

<h1 [ngClass]="{'label label-warning': yourName=='Daniel', 
'label label-success': yourName!='Daniel'}">

当我设计我的应用程序时,

ngClass 似乎正在从 'label label-success' 中删除第一个“标签”。当满足第二个条件时,它的样式正确,但当满足第一个条件时,样式不正确。

在检查元素时,当满足第二个条件时,样式为 h1.label.label-success,但是当满足第一个条件时,它被错误地样式化为 h1 .label-错误.

请参阅此 plunker 以了解错误。

https://plnkr.co/edit/qJLWBzCXXUn7hNKEWXIs?p=preview

我已经按照 AngularJS 升级指南(https://angular.io/docs/ts/latest/cookbook/a1-a2-quick-reference.html)进行操作,但无法使其正常工作

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com