【发布时间】: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