属性 'bordered' 在类型 'Object' 上不存在

Question

相关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）出现错误，指出：“属性 'bordered' 在类型 'Object' 上不存在".

我是 TypeScript 的新手（也是 JavaScript），但在我看来 'bordered' 是在对象上定义的，所以这是怎么回事？

提前致谢！

Answer 1

您不能只在 TypeScript 中使用 classesObj: Object，因为它被假定为空对象 {}。你需要使用 any like

classesObj: any;

或者如果你想具体一点

classesObj: {
    bordered: boolean
};

属性 'bordered' 在类型 'Object' 上不存在

Property 'bordered' does not exist on type 'Object'

html

javascript

typescript

angular