角度2

Question

でコンポーネントをインスタンス化しながら、私は次のように角度2に独自のカスタム・コンポーネントを作成するために、サードパーティ製のコントロールから派生してい活字するHTMLから値を渡す：

 @Component({ 
     selector:"my-kendo-grid" 
     inputs: [gridType2] 
     }) 

     export class myClass implements OnInit{ 
     @Input gridType:string; 
      gridType2 : string; 

     ngOnInit(){ 
     console.log(this.gridType); 
     console.log(this.gridType2); 

     } 

と私は、このコンポーネントをインスタンス化していますより以下のように（親コンポーネントで）別のコンポーネントで：

<my-kendo-grid [gridType]="'test'" [gridType2]="test2"></my-kendo-grid> 

を今私は親コンポーネントからと.TSファイルからHTMLファイルそのものではないから、文字列値「test」を渡したいです。私はそれを子コンポーネントのコンストラクタまたはngOnInitで使うことができます。

しかし、私はこれを行うとき、私はどちらの場合でも子コンポーネントのコンソールで未定義になっています。

Answer 1

コンポーネントに直接文字列値を渡したいので、プロパティバインディング[gridType]を使用しないでください。そのような場合は、属性を直接使用し、その属性に値を設定します。それはコンポーネントbindingに直接渡されます。

<my-kendo-grid gridType="test" gridType2="test2"></my-kendo-grid>