angularJSディレクティブのネストされたdivからクラス名を見つける方法

Question

angularJSディレクティブのネストされたdivから 'myClass'クラスを見つける方法。ここで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> 

Answer 1

あなたはコンパイルフェーズを使用して、この要素にアクセスすることができます。しかし、この質問は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 
     } 
    } 
    } 
})