【问题标题】:angularUI select dropdown displays data only after entering a characterangularUI 选择下拉菜单仅在输入字符后才显示数据
【发布时间】:2014-05-20 20:14:54
【问题描述】:

我正在使用 AngularJS v1.2.15 和 angular-ui / ui-select。我选择的 HTML 是:

<div class="form-group col-md-3">
    <div class="input-group select2-bootstrap-append">

      <ui-select ng-model="modelOwner.selected" theme="select2" class="form-control">
        <match placeholder="Select Owner">{{$select.selected.name}}</match>
        <choices repeat="item in owner | filter: $select.search">
          <span ng-bind-html="item.name | highlight: $select.search"></span>
        </choices>
      </ui-select>

      <span class="input-group-btn">
        <button ng-click="modelOwner.selected = undefined" class="btn btn-danger">
          <span class="glyphicon glyphicon-trash"></span>
        </button>
      </span>

    </div>    
  </div>

我在控制器中的调用是:

$scope.modelOwner = {};

OwnersFactory.query({}, function (data) {
  $scope.owner = data;
});

我的服务代码:

bootstrapApp.factory('OwnersFactory', function ($http,$state,serviceUrl,$resource,$log) {

    return $resource(serviceUrl + 'owner/:id', {}, {
        show: { method: 'GET',  params: {}, isArray: false }
    })
});

现在,在我的表单中,我只能在输入至少一个字符后才能查看值。我希望这个选择下拉菜单仅通过单击下拉菜单(而不是输入任何字符)来显示值。

可能的解决方案:如果我只能在所有 AJAX 调用完成后加载我的状态。

请帮帮我。

【问题讨论】:

  • i dint 有一个 ui-select 标签要包括...因此广义的 angular-ui 标签

标签: ajax angularjs angular-ui angular-ui-router


【解决方案1】:

如果您使用的是 ui-router,您可以在每个状态上使用 resolve,以便在初始化控制器之前解析调用

https://github.com/angular-ui/ui-router/wiki#resolve

【讨论】:

    猜你喜欢
    • 2017-05-18
    • 2016-04-26
    • 1970-01-01
    • 1970-01-01
    • 2017-01-28
    • 1970-01-01
    • 2020-08-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多