条件付きで、私は条件付きで（<code>au-disabled</code>、<code>au-accented</code>、および<code>au-focused</code>が指令されている）コンポーネントにディレクティブを追加したい角度2

Question

にディレクティブを追加する方法：上記のアプローチの作品（と

<template [ngIf]="disabled"> 
    <au-placeholder au-disabled></au-placeholder> 
</template> 

<template [ngIf]="accented"> 
    <au-placeholder au-accented></au-placeholder> 
</template> 

<template [ngIf]="focused"> 
    <au-placeholder au-focused></au-placeholder> 
</template> 

多少許容され（私の場合）条件付きプロパティdisabled、accented、およびfocusedは相互に排他的ですから - 私の質問は、条件付きプロパティが相互排他的でない場合に発生します（対応する屈折形式を適用するすべての置換に対して[ngIf]が必要です）。

...コンポーネントをテストしなければならない

<au-placeholder [au-disabled]="disabled" [au-accented]="accented" [au-focused]="focused"></au-placeholder> 

が、レンダリングされたHTMLは常に真理値を持つディレクティブそれぞれのすべてを持っている：次のように使用して

<!-- all of the prior <template [ngIf]= ... --> 

<!-- plus --> 

<template [ngIf]="disabled && accented"> 
    <au-placeholder au-disabled au-accented></au-placeholder> 
</template> 

<template [ngIf]="disabled && accented && focused"> 
    <au-placeholder au-disabled au-accented au-focused></au-placeholder> 
</template> 

<!-- etc --> 

は私のコードは、以下のHTMLとの組み合わせを処理することができます各ディレクティブの真理値は適切に対応していますが、無関係なディレクティブを適用しなくてもクリーンです。これを行うより良い方法はありますか？

Answer 1

これはサポートされていません。 コンポーネントのみを条件付きで追加/削除できます。

あなたができることは、指示が何もしてはならないことを認識させるための値を渡すことです。

がhttps://github.com/angular/angular/issues/5332