Question

我目前在AngularJS中使用ui-select组件。

<ui-select ng-model="tipData.category" search-enabled="false" name="category" required="required" class="orange-site-color-select custom-select">
  <ui-select-match><span class="ui-select-result">{{$select.selected}}</span></ui-select-match>
  <ui-select-choices repeat="tipcat in tipCategory"><span ng-bind-html="tipcat.name"></span></ui-select-choices>
</ui-select>

我想知道如何将ui-select中显示的自动选择值实现为从数据库中检索数据（只是id ）并显示在ui-select中}？

Answer 1

试试这个

<div ng-controller="DemoCtrl" ng-app="main">
<select ng-model="selectedCountry">
<option value="">Select Account</option>
 <option ng-repeat="x in chooseCountries" value="{{x.countryId}}"  >{{x.name}}</option>
</select>  
</div>

脚本代码

 var app = angular.module('main', []);
 app.controller('DemoCtrl', function ($scope) {
 $scope.chooseCountries=[
{countryId : 1, name : "France - Mainland", desc: "some description" },
{countryId : 2, name : "Gibraltar", desc: "some description"},
{countryId : 3, name : "Malta", desc: "some description"}
];   
 $scope.selectedCountry =  $scope.chooseCountries[1].countryId.toString();   
 });

Answer 2

您可以使用所选属性。

<div ng-controller="DemoCtrl" ng-app="main">
  <select ng-model="selectedCountry">
<option value="">Select Account</option>
      <option ng-repeat="x in chooseCountries" value="{{x.countryId}}"  selected="{{x.name}}=Malta">{{x.name}}</option>
</select>  
</div>

ui-select选择不在angularjs

2 个答案: