如何将 `link` 函数替换为 Angular 2 组件中的目标 DOM 元素

Question

Link Angular 中的函数 1 directive 可以通过

定位 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);
  }
}

如何将 `link` 函数替换为 Angular 2 组件中的目标 DOM 元素

How to replace `link` function to target DOM element in Angular 2 component

angularjs

angularjs-directive

angular2-directives

angular