什么是角中的“连线”函数来访问DOM元素？

Question

有一些示例说明如何在角2指令上设置link属性，以注册转换DOM的回调。

一个例子是为D3.js图创建指令。参见此钢笔

​

​

link属性：

希望修改DOM的指令通常使用链接选项注册DOM侦听器并更新DOM。它是在模板被克隆之后执行的，并且是放置指令逻辑的地方。

用于角4指令的API是非常不同的。如何在角4中实现类似的功能？

Answer 1

在AngularJS中，有两个阶段:编译和链接。AngularJS允许您连接到这些阶段，并在编译阶段执行自定义DOM修改，并在链接阶段执行app模型(scope)和DOM元素之间的绑定。这就是指令定义对象(DDO)具有以下键的原因：

app.directive('name', function() {
   return {
      compile: () => {}
      link: () => {}

角度在这方面是不同的。编译和链接现在由编译器作为一个阶段执行，您没有办法连接到该过程。您可以在以下文章中阅读更多有关它的内容：

• 利用ViewContainerRef探讨角DOM操作技术
• 角的$digest在新版本的角形中重新诞生
• 以下是您需要了解的关于角动态组件的内容。

不但没有链接函数，角还提供了两种访问DOM的机制：

• 查询(@ViewChildren) -主要由组件使用
• DOM元素注入构造函数--主要由指令使用

您可以阅读有关查询这里的更多信息。下面是将DOM元素注入指令的示例：

@Directive()
export class MyDirective {
   constructor(el: ElementRef) {}