オプションの注入@inputパラメータを宣言するには？

Question

私はコンポーネントファクトリを使用して、動的コンポーネントをオンザフライで生成しています。工場は、生成されたコンポーネントの入力パラメータを含むデータの配列が渡され：これは正常に動作して、「フィールド工場」コンポーネントは、データを処理

<app-field-factory [componentData]="componentSeedData"></app-field-factory> 

。

export class TextInputComponent implements OnInit { 

    @Input() id: number; 
    @Input() field_name: string; 
    @Input() parent: string; 
    @Input() validators: {}; 

    public fieldForm: FormGroup; 

    constructor(
     private injector: Injector, 
     private formBuilder: FormBuilder, 
    ) { 
    this.id = this.injector.get('id'); 
    this.field_name = this.injector.get('field_name'); 
    this.parent = this.injector.get('parent'); 
    this.validators = this.injector.get('validators'); 
    } 

しかし、私は（。すなわち、それは存在するかどうかわからない）オプションこれらの入力のうちの1つを作る方法を動作することはできません：生成された各コンポーネントでは、私はこのようなものを持っています。私は "？"条件付きでthis.injector.get行を折り返します。 「プロバイダがありません...」というエラーが表示されます。

場合によってはparent入力が存在しない場合があります。生成されたコンポーネント内でそれをどのように考慮しますか？

Answer 1

をInjector.get署名

abstract get<T>(token: Type<T>|InjectionToken<T>, notFoundValue?: T): T; 

によると、あなたが2番目のパラメータとしてデフォルト値を指定することができます。

を

this.parent = this.injector.get('parent', null); 

この場合、角度は未解決のプロバイダについては不平を言うことはありません。それはnullを返します。次に、単純にインジェクタが必要なので、単にif (this.parent)

Answer 2

使用この：？

@Input() parent?: string; 

Answer 3

コンポーネントのすべての入力は任意とみなすことができます。コンポーネントを使用するときにバインディングが定義されていない場合、値はデフォルトで初期化されずに初期化されます。

class MyComponent { 
    @Input() v; 

//結合vが正しく入力を設定するため //結合vが@Input()が自動的に動的コンポーネント用の角度によって処理されていないことを

注意を初期化されないままになり、変化検出時に32に設定されます。バインディングでは、コンパイル時にコンポーネントをどのように使用するかを知る必要がありますが、これは動的コンポーネントにとっては当てはまりません。

も読み：

• The mechanics of property bindings update in Angular
• Here is what you need to know about dynamic components in Angular