ngClass定義的位置：

export declare class NgClass implements DoCheck {private _iterableDiffers;private _keyValueDiffers;private _ngEl;private _renderer;private _iterableDiffer;private _keyValueDiffer;private _initialClasses;private _rawClass;constructor(_iterableDiffers: IterableDiffers, _keyValueDiffers: KeyValueDiffers, _ngEl: ElementRef, _renderer: Renderer2);set klass(value: string);set ngClass(value: string | string[] | Set<string> | {[klass: string]: any;});

一個實際的例子：

@Component({selector: "app-root",template: `<div [ngClass]="header? 'country-header': 'country-header-link'">Hello</div>` }) export class AppComponent implements AfterViewInit {ngAfterViewInit(): void {setTimeout(() => {this.jerry = "changed!";}, 0);}jerry = "Jerry Hello";header = true; }

最后在函數_applyIterableChanges里，給div標簽添加class：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的Angular里ngClass的一个使用例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。