html - 你如何在 Angular2 Typescript 绑定(bind)中传递元素？

Question

如何获取通过绑定(bind)传递的特定 HTML dom 元素。抱歉，如果这很难理解，请查看代码。

donut-chart.html

<div class="donut-chart" (donut)="$element"></div>

如何将 div 元素传递给 donut ？

这是TS

dount-chart.ts

@Component({
  selector: 'donut-chart',
  template: require('./donut-chart.html'),
  directives: [Widget, MorrisChart],
  encapsulation: ViewEncapsulation.None,
  styles: [require('./donut-chart.scss')]
})
export class DonutChart implements OnChanges{
  @Input() height: number = 300;
  @Input() data: any[] = [{label: 'loading', value: '0', color: '#eee'}];

  morris3Options: any;
  donut: any;

  render(): void {
    jQuery(this.donut).css({height: this.height}); // safari svg height fix
    window['Morris']['Donut']({element: this.donut}, this.morris3Options);
  }

我希望 donut 变量成为不使用类/id 的元素。我需要使用多个 donut 和 jQuery，所以我需要一种方法来获得唯一的 donut 。

Answer 1

<div #someElement></div>
<div class="donut-chart" (donut)="someElement"></div>

也可以是当前元素

<div #someElement class="donut-chart" (donut)="someElement"></div>