как установить значение по умолчанию для угловых Ui-выберите

Question

Вопрос:

как установить значение по умолчанию для углового UI-выберите

выпадающие значения выбираются из объекта и объекта обыкновение быть, имеющий значение по умолчанию стоимость.

и ui-select должны установить значение по умолчанию в Frontend.

например:

выпадающих значений являются

1 -вса фрукты 2 -Apple 3 -banana 4 -вода дыни

значение от 2 до 4 производятся от объекта, отправленного с сервера.but Frontend необходимо установить значение по умолчанию, т.е. 1 - все фрукты

Ссылаясь на приведенный ниже пример с помощью ui-select2, как перенести это в ui-select?

<select ng-model="fID" class="select" ui-select2 data-placeholder="select fruit"> 
      <option value="">All fruits</option> 
      <option ng-repeat="f in frits value="{{f.fID}}">{{f.name}}</option> 
     </select> 

<ui-select theme="select2" ng-model="fruits.selected"> 
      <ui-select-match placeholder="select please" allow-clear="false">     {{$select.selected.name}} 
</ui-select-match> 
      <ui-select-choices repeat="f in fruits | filter:$select.search"> 
       <div ng-bind-html="f.name | highlight: $select.search:'underline'"></div> 
      </ui-select-choices> 
     </ui-select> 

http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview https://github.com/angular-ui/ui-select Ссылка: угловая-щ/щ-выберите

Answer 1

вы не использовали идентификатор или что-то подобное для значения параметра так щ-выбора сравнивает адрес объекта, чтобы понять, если он выбран.

var p1 = { name: 'Adam',  email: 'adam@email.com',  age: 10 }; 
    $scope.person = {selected: p1}; 
    $scope.people = [ 
    p1, 
    { name: 'Amalie', email: 'amalie@email.com', age: 12 }, 
    { name: 'Wladimir', email: 'wladimir@email.com', age: 30 }, 
    { name: 'Samantha', email: 'samantha@email.com', age: 31 }, 
    { name: 'Estefanía', email: 'estefanía@email.com', age: 16 }, 
    { name: 'Natasha', email: 'natasha@email.com', age: 54 }, 
    { name: 'Nicole', email: 'nicole@email.com', age: 43 }, 
    { name: 'Adrian', email: 'adrian@email.com', age: 21 } 
    ]; 

изменить плункер как это, и у вас будет выбранное по умолчанию значение.

установить значение по умолчанию на окне вы можете использовать нг-инициализации и установить первый объект, как выбран

Answer 2

я нашел этот рабочий пример: http://jsfiddle.net/NfPcH/28/

Угловой код:

<a href="#" editable-select="user.status" e-ng-options="s.value as s.text for s in statuses"> 
    {{ showStatus() }} 
    </a> 

контроллер:

app.controller('Ctrl', function($scope, $filter) { 
    $scope.user = { 
    status: 2 
    }; 

    $scope.statuses = [ 
    {value: 1, text: 'status1'}, 
    {value: 2, text: 'status2'}, 
    {value: 3, text: 'status3'}, 
    {value: 4, text: 'status4'} 
    ]; 

    $scope.showStatus = function() { 
    var selected = $filter('filter')($scope.statuses, {value: $scope.user.status}); 
    return ($scope.user.status && selected.length) ? selected[0].text : 'Not set'; 
    }; 
}); 

Answer 3

В контроллере добавьте следующее c ode:

$scope.fruits.selected = {name: 'All fruits'}; 

Приведенное выше значение по умолчанию будет выбрано при выпадающем списке.