Angularjs ui select数据绑定不在指令中工作
我有角度ui/ui选择工作良好,如下所示:Angularjs ui select数据绑定不在指令中工作,angularjs,angular-ui,Angularjs,Angular Ui,我有角度ui/ui选择工作良好,如下所示: ui-select(multiple="" name="resourceSelector" ng-model="appointmentTemplate.resources") ui-select-match(placeholder="Select Resources") span {{$item.name}} ui-select-choices(repeat="resource in resources | filter
ui-select(multiple="" name="resourceSelector" ng-model="appointmentTemplate.resources")
ui-select-match(placeholder="Select Resources")
span {{$item.name}}
ui-select-choices(repeat="resource in resources | filter: {name:$select.search}")
div {{resource.name}}
当像加载视图一样填充appointmentTemplate.resources时,资源将在元素中按其应有的方式显示
我第一次尝试用指令来包装它。该指令不会显示提供的AppointTemplate.resources。我可以选择新的并保存它们,只是不显示现有的。我已使用ng inspector确认数据存在。以下是指令控制器:
angular.module('app').directive('resourceMultiSelector', function(){
return {
restrict: 'E',
scope: {
ngModel: '=',
placeholder: '@'
},
controller: function($scope, zResource, $sce){
zResource.query(function(resources){
$scope.resources = resources;
});
},
templateUrl: "/partials/common/resourceMultiSelector"
};
});
以下是Jade中的指令模板:
ui-select(multiple="" ng-model="$parent.ngModel")
ui-select-match(placeholder="{{placeholder}}")
span {{$item.name}}
ui-select-choices(repeat="resource in resources | filter: {name:$select.search}")
div {{resource.name}}
我使用的指令如下:
resource-multi-selector(ng-model="appointmentTemplate.resources" placeholder="Select resources" )
我在这里错过了什么?嗯。因此,列表中的对象需要来自选择列表,不仅是相同的,而且是相同的实际对象。回想起来很明显,我想:/