コンポーネントの角2命令は、ng-contentをオーバーライドしますか？

Question

私はButtonComponentと呼ばれるコンポーネントがあります。

import { Component } from "angular2/core"; 

@Component({ 
    selector: 'btn', 
    template: '<div class="btn"><ng-content></ng-content></div>' 
}) 
export class ButtonComponent { } 

と指令：

import { Directive, Input } from 'angular2/core'; 

@Directive({ 
    selector: 'btn[dialog-data]' 
}) 
export class DialogButtonDirective { 
    @Input('dialog-data') 
    public dialogData: any; 
} 

をしかし、私はこのようにそれを使用しようとします

<btn [dialog-data]="dart()">DART</btn> 

次にボタンが内側に何もありませんそれの。 なぜですか？私がこの指令を使用していないときは、すべてが問題ありません。

Answer 1

OK、少し混乱しますが、私は答えを見つけました。 DialogBu​​ttonDirectiveがButtonComponentの前に '指示文'フィールドで宣言されているため、このコードは機能しません。これに

directives: [DialogButtonDirective, ButtonComponent] 

：

は、だから私は、これを変更した

directives: [ButtonComponent, DialogButtonDirective] 

そして、それは問題を解決しました。ありがとう！