属性ディレクティブは、ホストコンポーネントのプロパティにバインドすることはできません

Question

私はこれを持っている：

<my-cmp input> 
    hello 
</my-cmp> 

私-CMPは @Input() disabledを持っており、 inputは別の指令のようなものです：なぜそれは disabledであることを不平を言っている

@Directive({ 
    selector: '[input]', 
    host:{ 
    '[disabled]': 'true' 
    } 
}) 

私のcmpの入力として宣言されていない？

基本的には、ホスト要素にいくつかのバインディングを適用するディレクティブが必要です。

Hereはplunkr

Answer 1

あなたの問題は、あなたのディレクティブは、唯一のコンポーネントの一つのタイプのために働いていることであり、それは、ディレクティブを使用する方法はありませんです。

inputディレクティブをdivに追加すると、disabledは既知のネイティブプロパティではないため、動作しません。あなたのコンポーネントにも同じことが起こります。コンポーネントの前にディレクティブがロードされているからだと思います。 @Directiveは@Componentする必要があり、あなたはまた、MyComponentにタイプミスをしたとtemplate属性を持っている必要があります。

<my-cmp [disabled]="true"> 
    hello 
</my-cmp> 

N.B：

これを修正するには、適切にあなたのdisabled属性を使用する必要があります。あなただけのホストから角括弧を削除する必要が

Answer 2

：

@Directive({ 
    selector: '[input]', 
    host:{ 
     'disabled': 'true' 
    } 
}) 

Plunker