2016-04-07 9 views
1

現在、AngularJSにはui-selectコンポーネントが使用されています。ui-selectがanglejsで動作しないように選択しました

<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> 
私は、データベースからのデータ( だけID)を検索し、その ui-selectに表示されているようにその ui-selectに表示された自動選択値を実装する方法を知っているしたいと思います

答えて

0

は、選択したプロパティを使用することができ、この

<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(); 
}); 
+0

https://jsfiddle.net/pravinmagar/08z4kb09/ – Pravin

+0

私は – ppshein

+0

Plsは私のスクリプトのすべては私の質問に既にあるスクリプトコード – Pravin

0

を試してみてください。

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

再び、私は 'ui-select'を使っています – ppshein

関連する問題