AngularJS access ngrepeat child scope variable в директиве

Question

У меня есть два элемента управления, отображаемых в каждом ng-повторе, один из которых - это раскрывающийся список для выбора типа адреса, а второй - вход с пользовательской директивой.

Я хочу получить доступ к выбранному значению в первом элементе управления (установленном в переменной aFlag) в директиве второго элемента управления. Я думаю, что aFlag - это переменная области видимости, но я не могу получить дочернюю область в функции toggleAFlag(), чтобы установить для нее флаг, а также как получить доступ к этому флагу в директиве.

Ниже мой HTML-код

<div ng-app="myapp"> 
    <div ng-controller="AppCtrl"> 
    <div ng-repeat="item in itemList"> 
     <div>     
      <select ng-options="addressType.name for addressType in item.addressTypes" ng-model="addressType" 
       ng-change="toggleAFlag(addressType)" > 
      </select> 
     </div> 
     <div> <input type="text" ng-model="value" my-directive></input></div> 
    </div> 
    </div>  
</div> 

Javascript

function AppCtrl(){ 
    $scope.toggleAFlag = function(addressType) { 
    if (addressType == 'Business') 
     $scope.AFlag = true; 
    else { 
     $scope.AFlag = false; 
    } 
    }; 
} 

var myapp = angular.module('myapp',[]); 

myapp.directive('myDirective', function(){ 
    return { 
     require: '?ngModel', 
     link: function(scope, element, attrs, model){ 
      if (scope.AFlag == true){ 
       //do something on element variable 
      } 
     } 
    }; 
}); 

Answer 1

Я предполагаю, что модель данных выглядит следующим образом

$scope.itemList = [{ 
    addressTypes: [{ 
     name: 'add1', 
     addressType: 'Business' 
    }, { 
     name: 'add2', 
     addressType: 'Non Business' 
    }] 
}]; 

Make следующие изменения:

ng-change="toggleAFlag(addressType.addressType)" //pass in the addressType value of the current obj 

<input type="text" ng-model="AFlag" my-directive></input> //use AFLag as ng-model, Angularjs binds it automatically 

link: function (scope, element, attrs, model) { 
    scope.$watch(function() { //use $watch to watch any change, so the logic will be triggered if there is any change relating to the scope. 
     if (scope.AFlag == true) { 
      //do something on element variable 
     } 
    }) 
} 

Demo