Angular2：動作していないディレクティブを介して外部コンポーネントを他のコンポーネントに注入

Question

親コンポーネントテンプレートに子コンポーネントテンプレートを読み込みたい。 （私は子供と親それらを呼び出すより良い言葉遣いの欠如のため）

これは私の子である：

import {Component,Directive, ElementRef, Input} from '@angular/core'; 
import {IONIC_DIRECTIVES} from 'ionic-angular'; 


@Component({ 
    selector: '[parentselector]', 
    template: '<div>I AM A CHILD</div>', 
    directives: [IONIC_DIRECTIVES] 
}) 


export class ChildPage { 
    constructor() { 

    } 
} 

これは私の親です：

@Component({ 
    templateUrl: 'build/pages/parent/parent.html', 
    directives: [ChildPage] 
}) 

と親のHTML：

<ion-content> 
    <ion-slides> 
     <ion-slide><parentselector>Parent To Be Overriden</parentselector> 
     </ion-slide> 
    </ion-slides> 
</ion-content> 

どのようなアイデアが間違っていますか？

Answer 1

Angular 2 Cheat Sheet（セレクタの検索）から、角括弧を使用することによって、ディレクティブがどこから呼び出されるかを制限していると言います。たとえば：あなたは離陸場合

selector:'[parentselector]' - means you can only select as an attribute 
selector:'parentselector' - means you can only select as an element 
selector:'.parentselector' - means you can only select as a css class 

ので[]すべてが非常に良いだけでなく