用于更新组件的Angular自定义指令

Question

我需要开发一个自定义指令来更新html multiselect组件，其中包含来自另一个html multiselect组件的选择。有关如何实现它的任何提示？

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