AngularJS在自定义指令中包含ui-select
发布时间:2020-12-17 07:17:21 所属栏目:安全 来源:网络整理
导读:我正在尝试将ui-select包装在自定义指令中. ( https://github.com/angular-ui/ui-select) this.adminv2.directive('eventSelect',function() { return { restrict: 'E',replace: true,scope: { ngModel: '=',placeholder: '=' },controller: function($scope
我正在尝试将ui-select包装在自定义指令中. (
https://github.com/angular-ui/ui-select)
this.adminv2.directive('eventSelect',function() { return { restrict: 'E',replace: true,scope: { ngModel: '=',placeholder: '=' },controller: function($scope,$http) { return $scope.refreshEvents = function(searchTerm) { return $http.get('/events/autocomplete',{ params: { term: searchTerm } }).then(function(response) { return $scope.events = response.data; }); }; },template: "<div>{{ngModel}}n <ui-select ng-model="ngModel"n theme="bootstrap"n ng-disabled="disabled"n reset-search-input="false">n <ui-select-match placeholder="Enter an event">{{$select.selected.name}}</ui-select-match>n <ui-select-choices repeat="event in events track by $index"n refresh="refreshEvents($select.search)"n refresh-delay="0">n <span ng-bind-html="event.name | highlight: $select.search"></span>n <i class="icon-uniF111 fg type-{{raceType}} pull-right" ng-repeat='raceType in event.racetypes'></i>n <br>n {{event.dates}} <i class='pull-right'>{{event.location}}</i>n </ui-select-choices>n </ui-select>n</div>" }; }); 选择正常,但与ng模型的绑定不起作用.我无法设置模型或阅读它. <div><input ng-model="ngModel"></div> 有什么特别的事要做,因为我在指令中包装了一个指令吗?
我设法通过在模板中设置ng-model来进行绑定工作
ng-model="$parent.ngModel" (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |