这个TypeScript代码片段中的":"是什么意思?
这个TypeScript代码片段中的":"是什么意思?
我的Angular代码有什么问题?我得到了以下错误:
无法读取未定义的属性“remove”,在BrowserDomAdapter.removeClass
-
- Step1
-
- Step2
-
- Step3
admin 更改状态以发布 2023年5月25日
[ngClass]=...
而不是 *ngClass
。
*
仅用于结构型指令的速记语法,例如可以使用
{{item}}
而不是更长的等效版本
{{item}}
另请参见 https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html
... ... ... ... ...
另请参见 https://angular.io/docs/ts/latest/guide/template-syntax.html
The class binding is specialThis one is not so special
Bad curly
Angular 2+提供了多种有条件地添加类的方式:
类型一
[class.my_class] = "step === 'step1'"
类型二
[ngClass]="{'my_class': step === 'step1'}"
还有多个选项:
[ngClass]="{'my_class': step === 'step1', 'my_class2' : step === 'step2' }"
类型三
[ngClass]="{1 : 'my_class1', 2 : 'my_class2', 3 : 'my_class4'}[step]"
类型四
[ngClass]="step == 'step1' ? 'my_class1' : 'my_class2'"
您可以在文档页面上找到这些示例。