AngularJS链接函数:element.attr和Link';那是什么?

AngularJS链接函数:element.attr和Link';那是什么?,angularjs,Angularjs,在AngularJS的link函数中,我们有link:function(范围、元素、属性)。element.attr()与链接的attrs之间有什么区别?该元素是一个具有attr的jqlite或jquery对象 而角度文档定义的属性是 iAttrs-实例属性-已声明属性的规范化列表 在该元素上,所有指令链接函数共享 请参阅编译文档以了解属性$compile元素是一个具有attr 而角度文档定义的属性是 iAttrs-实例属性-已声明属性的规范化列表 在该元素上,所有指令链接函数共享 有关属性的信

在AngularJS的link函数中,我们有
link:function(范围、元素、属性)
element.attr()
与链接的
attrs
之间有什么区别?

该元素是一个具有
attr
的jqlite或jquery对象

而角度文档定义的属性是

iAttrs-实例属性-已声明属性的规范化列表 在该元素上,所有指令链接函数共享


请参阅编译文档以了解
属性
$compile

元素是一个具有
attr

而角度文档定义的属性是

iAttrs-实例属性-已声明属性的规范化列表 在该元素上,所有指令链接函数共享

有关
属性的信息,请参见编译文档
$compile

查看以下内容:

  • attrs.name
    :显示
    解析值
  • element.attr(“name”)
    :显示原始表达式
基本上,
attrs
显示基于当前作用域解析的值
元素。attr()
显示分配给HTML的原始字符串

查看以下内容:

  • attrs.name
    :显示
    解析值
  • element.attr(“name”)
    :显示原始表达式
基本上,
attrs
显示基于当前范围解析的值
元素。attr()
显示分配给HTML的原始字符串

app.directive("test",function($compile){
  return {
      restrict:"A",
      link:function(scope,element,attrs){
          console.log("attrs:" + attrs.name);
          console.log("element.attr:" + element.attr("name"));
      }
   };
});