ContentChildren和html标记(Angular2)

时间:2017-10-03 09:57:50

标签: angular angular2-template

如何使用<div>获取ContentChildren

我知道我可以使用#。

    <my-component>
      <div #id>
         ...

//inside my-component    
ContentChildren('id') ....

但是如何在不定义id属性的情况下获得divspanbutton

已编辑(我想这样做):

@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);
    }
}

0 个答案:

没有答案