Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular中用于访问DOM元素的`link`函数的等价物大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_675_4@ 有一些例子是在Angular 2指令上设置link属性注册转换DOM的回调.

一个例子是为D3.js图创建指令.见pen

Angular中用于访问DOM元素的`link`函数的等价物

link属性

Angular 4指令的API非常不同.如何在Angular 4中实现类似的功能

解决方法

在AngularJS中,您有两个阶段:编译和链接. AngularJS允许您挂钩这些阶段并在编译阶段执行自定义DOM修改,并在链接阶段在应用程序模型(范围)和DOM元素之间进行绑定.这就是指令定义对象(DDO)具有以下键的原因:

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

角度在这方面是不同的.编译和链接现在由编译器作为一个阶段执行,您无法挂钩到该进程.您可以在以下文章中阅读更多相关信息:

> Exploring Angular DOM manipulation techniques using ViewContainerRef
> Angular’s $digest is reborn in the newer version of Angular
> Here is what you need to know about dynamic components in Angular

而不是链接函数Angular提供了两种访问DOM的机制:

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

您可以阅读有关查询here的更多信息.以下是将DOM元素注入指令的示例:

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

大佬总结

以上是大佬教程为你收集整理的Angular中用于访问DOM元素的`link`函数的等价物全部内容,希望文章能够帮你解决Angular中用于访问DOM元素的`link`函数的等价物所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。