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 

所以，如果你脱下[]都应该很好