我想让子组件模板加载到父组件模板中。 (由于缺乏更好的措辞,我称他们为 child 和 parent )
这是我的 child :
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() {
}
}
这是我的 parent :
@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>
知道哪里出了问题吗?
最佳答案
来自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
因此,如果您取下 []
一切都应该很好
关于typescript - Angular 2 : Inject external Component into other component via directive not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38236313/