Angular 基本组件的绑定属性

Angular 基本组件的绑定属性,angular,Angular,有人能解释一下嵌套组件中的HostBinding是如何理解我们已经有了“isTablet”属性,而只是将“isTablet”类添加到我的宿主元素中的 Webstorm说我们已经重写了基本isTablet属性,但是我的子组件在这个属性中为TRUE 我在官方文件中找不到任何解释 export abstract class DetailBase { @Input() isTablet: boolean = true; } export class ChildComponen

有人能解释一下嵌套组件中的HostBinding是如何理解我们已经有了“isTablet”属性,而只是将“isTablet”类添加到我的宿主元素中的

Webstorm说我们已经重写了基本isTablet属性,但是我的子组件在这个属性中为TRUE

我在官方文件中找不到任何解释

  export abstract class DetailBase {
       @Input() isTablet: boolean = true;
  }

  export class ChildComponent extends DetailBase {
       @HostBinding('class.is-tablet') isTablet: boolean; //why it is TRUE ?
  }

这是打字脚本特有的行为。若类的成员根本并没有定义值,那个么传输的javascript根本就不包括这个成员。请看一看传输的javascript和:

因为扩展类为成员
isTablet
定义了值,所以子类可以通过原型继承访问
isTablet