如何替換`link`函數來定位Angular 2組件中的DOM元素

Question

Angular 1 指令中的鏈接功能可以通過以下方式定位DOM元素

link: function (scope, element, attr) {
    // do something with element[0], e.g. put generated graphics
    // inside the node
}

什么是Angular 2中的替代品？

Answer 1

這可能會做你想要的：

@Component({ 
...,
  template: `
  <div #target></div>
`
})
class MyComponent {
  @ViewChild('target') target;

  // lifecycle callback when `this.target` becomes available
  ngAfterViewInit() {
    var graph2d = new vis.Graph2d(
        this.target.nativeElement, dataset, options);
  }
}