Как автоматически проверять элементы в других директивах с помощью angular.js?

0

У меня есть древовидная структура, которую я пытаюсь проверить и снять, используя угловые директивы. Идея заключается в том, когда проверяется один из узлов, он должен автоматически проверять элементы внутри него. Код Я выгляжу так:

<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>

Код директивы для первого элемента флажка:

    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)
        }
    };
});

Также я прилагаю скриншот Изображение 174551

  • 0
    где твоя попытка для JS?
  • 0
    Добавлен код директивы @BhojendraNepal
Теги:
angularjs-directive

1 ответ

0

Используйте следующее:

link: function(scope, element, attrs) {
   console.log("checking the checkbox");
   element.find('input[type="checkbox"]').prop('checked',true);
   console.log(element)
}
  • 0
    В таком случае моя директива должна быть на родительском div?
  • 0
    Я думал, что element это родительский элемент input .., вы можете использовать метод prop как свой собственный.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню