title: Angular directive can't get the child elements?
body: <p>First, the directive selector-child is in the div element in the property.</p>
  
  <pre><code> &lt;div id="ed" selector-child&gt;  // selector-child attrs directive
      &lt;div class="testClass"&gt;Im no any directive&lt;/div&gt;
      &lt;div class="listClass" ng-repeat="aa in aas"&gt;Im has ng-repeate directive{{aa.text}}&lt;/div&gt;      
   &lt;/div&gt;
  </code></pre>
  
  <p>Then, the <strong>aas model data is also defined</strong> in the controller.</p>
  
  <p>Finally, <strong>want to through the class name to search with ng-repeate directive of the elements in this list.</strong> 
   The results showed that is empty,but no directive class name can be found, why? to solve???</p>
  
  <pre><code>myApp.directive('selectorChild', function () {
      return {
          restrict: "A",
          link: function (scope,element,attr) {
           console.log(element.find('.testClass'));
            // can be found -&gt; ouput [div.testClass]
           console.log(element.find('.listClass'));
            // no found -&gt; ouput is empty[]
          }
      };
  });
  </code></pre>