如何使用<div>
获取ContentChildren
?
我知道我可以使用#。
<my-component>
<div #id>
...
//inside my-component
ContentChildren('id') ....
但是如何在不定义id属性的情况下获得div
或span
或button
?
已编辑(我想这样做):
@Component({
selector: 'my-app',
template: `
<div>
<my-component>
<div>Hey from div.</div>
</my-component>
</div>
`
})
export class AppComponent {
}
@Component({
selector: 'my-component',
template: `
<div class="example-wrapper">
<div *ngIf="template" [ngTemplateOutlet]="template"></div>
</div>
`
})
export class MyComponent {
@ContentChildren('.div') template: ItemTemplateDirective;
ngOnInit(): void
{
console.log(this.template);
}
}