如何在angularJS指令中从嵌套div中查找类名

时间:2016-07-04 10:35:41

标签: angularjs

如何找到班级' myClass'来自angularJS指令中的嵌套div。这里ng-if防止获取css元素。请帮助。

JS:

link: function(scope, element, attr) {
console.log(element[0])
}

HTML:

<div my-directive>
 <div class="outerDiv">
        <div class="innerDiv1"></div>
        <div class="innerDiv2"></div>
        <div class="innerDiv3">
          <p class="myClass" ng-if="">
            <p>
        </div>
        <div class="innerDiv4"></div>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用编译阶段访问此元素。但这个问题是XY problem的典型例子。 DEMO

app.directive('myDirective', function() {
  return {
    restrict: 'A',
    compile: function(el) {
        var className = el.find('p').attr('class')

        return function(scope, el) {
          scope.className = className
        }
    }
  }
})