加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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"

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读