はAngular2

Question

Iamはangular2に新たにネストされたセレクタを持つコンポーネントを作成する方法、私は、ネストされたセレクタを持つコンポーネントを構築しようとしています。どうすればそのようなコンポーネントを構築できますか？私の質問が明確でない場合は、以下を参照してください。このように使用できるコンポーネントをビルドする必要があります。私が従う方法やアプローチはありますか？ jmachnikが述べたように、親テンプレートで<ng-content>を使用すると、巣無関係なコンポーネントへの最も簡単な方法です、

<parent [width]='100'> 
     <child [title]='hi'></child> 
     <child [title]='hello'></child> 
</parent> 

Answer 1

を助けてください。 Angular2 意図的には親子セレクタをサポートしていません。

// Does not work 
@Component({ 
    selector: 'parent child', 
    ... 
}) 

あなたがあなたの子コンポーネントへの参照を与える親クラスで@ViewChildrenまたは@ContentChildrenプロパティの注釈を利用して、このようなものが必要な場合。

私は詳細はangular apiにあなたを呼びます。

Answer 2

あなたは親のテンプレートで子セレクタを言及し、私は手段「このように使う」どのようなコードから派生することができない親

import { Component,Input } from "@angular/core"; 
import {childSelector} from 'pathname for childselector file' 
@Component({ 
    selector: "my-app", 
    template: ` 
<childselector1></childselector1> 
<childselector2></childselector2> 
` 
}) 
export class AppComponent { 

}