ui-select ausgewählt funktioniert nicht in angularjs

Question

Ich verwende derzeit ui-select Komponente in AngularJS.

<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> 

Ich mag würde wissen, wie kann ich die automatischen Auswahlwert in diesen ui-select angezeigt implementieren, wie in diesen ui-select Daten (nur id) aus der Datenbank und angezeigt Abrufen?

Answer 1

versuchen dieses

<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> 

und Script-Code

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

können Sie ausgewählte Eigenschaft verwenden.

<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>