angular中应该如何获取自定义标签的name属性?

<livebit name="" age=""></livebit>

在指令的Link中获取name属性

阅读 12.2k
1 个回答

这个需要自己写 directive 了,例子:

<livebit name="" age=""></livebit>

 angular.module('MyApp').directive('livebit', [function() {
    return {
        restrict: 'E',  
        link: function (scope, elm, attrs) {
             arrts.name  //就可以拿到 name的值
             attrs.age //同上哦
        };
}]);

// restrict 的取值
     E == element(根据元素名找 livebit)
     C == class (根据类名来找 livebit)
     A == attribute (根据属性名找 livbit)
     ACE == 能找的都找

所以那 你的自定义标签可以写成大致几种:
有这种:

restrict = 'E'
<livebit name="" age=""></livebit>

这种:

    restrict = 'C'
<div class="livebit" name="" age=""></div>

还有这种:

restrict = 'C'
<div name="" age="" livebit></div>

找到元素之后 通过link回调 你就对自己的标签为所欲为了。
比如

请输入代码
  elm.appendChild(xxxxx)
  $(elm).jquery-插件xxx()
  .........
 ...........
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题