Угловая настраиваемая директива для обновления компонента

Question

Мне нужно разработать специальную директиву для обновления компонента multiselect html с помощью выбора из другого компонента multiselect html. Любой намек на то, как его достичь?

Answer 1

Не уверен, если это то, что ищете, но вы могли бы попробовать что-то вроде этого:

myApp.directive("customDirective", function() { 
    return { 
    replace : true, 
    template : '<div><select multiple="" ng-model="valuesA" ng-options="item.text for item in listA"></select>' + 
       '<select multiple="" ng-model="valuesB" ng-options="item.text for item in valuesA"></select></div>', 

    controller : function ($scope) { 
     $scope.valuesA = []; 
     $scope.valuesB = []; 

     $scope.listA = [ 
     {text : "item 1", value: 1}, 
     {text : "item 2", value: 2}, 
     {text : "item 3", value: 3}, 
     {text : "item 4", value: 4} 
     ]; 
    } 
    } 
});