相關 TypeScript 代碼：
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-ng-class-example',
templateUrl: './ng-class-example.component.html'
})
export class NgClassExampleComponent implements OnInit {
isBordered: boolean;
classesObj: Object;
classList: string[];
constructor() { }
ngOnInit(): void {
this.isBordered = true;
this.classList = ['blue', 'round']
this.toggleBorder();
}
toggleBorder(): void {
this.isBordered = !this.isBordered;
this.classesObj = {
bordered: this.isBordered
};
}
}
對應的模板（相關部分）。
<div [ngClass]="classesObj">
Using object var. Border {{ classesObj.bordered ? "ON" : "OFF" }}
</div>
現在，我的 .html 檔案（屬性 .bordered 周圍）中出現錯誤，指出：“型別 'Object' 上不存在屬性 'bordered'”。
我是 TypeScript（以及 JavaScript）的新手，但在我看來，物件上定義了“邊框”，那么發生了什么？
先感謝您！
uj5u.com熱心網友回復：
您不能只classesObj: Object在 TypeScript 中使用，因為它被假定為空 object {}。你需要使用any喜歡
classesObj: any;
或者如果你想具體
classesObj: {
bordered: boolean
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/471274.html
標籤：javascript html 有角度的 打字稿