Angular.js ile diğer yönergelerindeki öğeler nasıl otomatik olarak kontrol edilir?

Question

Açısal yönergeleri kullanarak işaretleyip işaretlemeyi kaldırmaya çalıştığım bir ağaç yapılıyım. Fikir, düğümlerden birinin kontrol edildiğinde, içindeki elemanları otomatik olarak kontrol etmesi gerektiğidir. Ben Kod şöyle görünür: İlk onay kutusu elemanı için

<div ng-repeat="actor in actors" style="margin-left: 46%;"> 

<div create-connections class="actor\{{$index}}" > 

     <span><input class="checkbox-actor" type="checkbox" name="actor-checkbox" id="" ng-value ="actor" ng-model="checkBoxModel" actor-box >\{{actor}}</span> 

    <br/> 
</div> 



<div ng-repeat="activity in activities"> 

    <div ng-if="actor == activity.id" style="margin-left: -40%;"> 

     <div ng-repeat = "impact in activity.text" > 
      <div update-connections class="impact\{{$index}}actor\{{actors.indexOf(actor)}}" actor-id="actor\{{actors.indexOf(actor)}}" id=""> 

       <span><input class="checkbox" type="checkbox" name="impact-checkbox" id="" value="">\{{impact}}</span> 

      </div> 

      <div ng-repeat="feature in features"> 

       <div ng-if="actor == feature.id && impact == feature.key" style="margin-left: -25%;"> 

        <div feature-connection ng-repeat = "feature in feature.text"class="feature\{{$index}}" activity-id="impact\{{activity.text.indexOf(impact)}}actor\{{actors.indexOf(actor)}}" id=""> 
          <span><input class="checkbox" type="checkbox" name="impact-checkbox" id="" value="">\{{feature}}</span> 
        </div> 
       </div> 

      </div> 
     </div> 

    </div> 


</div> 

Yönergesi kodu: Ayrıca

angular.module('mainModule').directive('actorBox', function($interval) { 
    return { 
     restrict: 'EA', 
     replace: false, 
     scope: { 
      ngModel:'=' 
     } 
     /*require: 'createConnections','updateConnections', 'featureConnection'*/, 
     /*transclude: true,*/ 

     link: function(scope, element, attrs) { 
      console.log("checking the checkbox"); 
      console.log(element) 
     } 
    }; 
}); 

Ben

Answer 1

kullanın böyle ekran görüntüsü ekliyorum:

link: function(scope, element, attrs) { 
    console.log("checking the checkbox"); 
    element.find('input[type="checkbox"]').prop('checked',true); 
    console.log(element) 
}