如何使用 TypeScript 将可选参数传递给 Angular 2 中的 @Directives？答案

【问题标题】：How to pass optional parameter to @Directives in Angular 2 with TypeScript?如何使用 TypeScript 将可选参数传递给 Angular 2 中的 @Directives？
【发布时间】：2017-12-23 12:23:21
【问题描述】：

This is how you insert params into a directive.

<p [gridGroup]="gridGroup"></p>

但我想做的是使参数成为可选参数，这样我就不必总是将它包含在我的课程中。

我需要在每个引用此 html 源的类中插入 gridGroup。

我试过了

<p [gridGroup?]="gridGroup"></p>

和

<p [gridGroup]="gridGroup?"></p>

两者都给我编译错误

【问题讨论】：

标签： javascript angular

【解决方案1】：

在您的组件中将 gridGroup 属性初始化为一个值，这样如果该属性未在父组件中声明，它仍然有一个值/不会导致错误。

【讨论】：

【解决方案2】：

你可以这样做

@Input set gridGroup(value: any) {
      this._gridGroup= value;
      doSomething(value);
    }

【讨论】：