相关疑难解决方法(0)

使用抽象类时无法绑定输入(2+层次结构)

在我的 Angular 应用程序中:

  • 当组件使用在其直接父(抽象)类中定义的输入时,一切正常。

  • 当组件使用在 2 级以上父(抽象)类中定义的输入时, 或 会ng build给出ng serve错误。

例如,我有4个课程:

export abstract class AbstractAComponent {
  @Input() myInput: string;
}
Run Code Online (Sandbox Code Playgroud)
export abstract class AbstractBComponent extends AbstractAComponent {}
Run Code Online (Sandbox Code Playgroud)
@Component({
  selector: 'app-one',
  templateUrl: './one.component.html',
  styleUrls: ['./one.component.scss']
})
export class OneComponent extends AbstractAComponent {}
Run Code Online (Sandbox Code Playgroud)
@Component({
  selector: 'app-two',
  templateUrl: './two.component.html',
  styleUrls: ['./two.component.scss']
})
export class TwoComponent extends AbstractBComponent {}
Run Code Online (Sandbox Code Playgroud)

这就是我使用它们的方式:

<app-one [myInput]="'value 1'"></app-one>
<app-two [myInput]="'value 2'"></app-two>
Run Code Online (Sandbox Code Playgroud)

简而言之: -@Input() myInput定义在AbstractAComponent -OneComponent直接扩展AbstractAComponent - TwoComponentextends …

typescript angular-components angular

7
推荐指数
1
解决办法
5096
查看次数

标签 统计

angular ×1

angular-components ×1

typescript ×1