2015-12-16 3 views
1

Я хочу установить значение раскрывающегося списка на моей странице HTML. Я использую угловой, и я получаю намеченное значение от вызова REST.Как установить значения в раскрывающемся списке в Angular

Другие поля, такие как текстовые поля на моей странице, получают обновленное значение, просто произнося ng_mode_textId = myNewVal.

Он не работает для <select>. Как это сделать?

+0

Вы используете [ngOptions] (https://docs.angularjs.org/api/ng/directive/ngOptions)? – Daniel

+0

Я новичок в угловой. Нет. Является ли это заменой тега select? Я использую простой тег select – user1079065

+0

. Это замена тегов '

ответ

4

Чтобы указать доступные варианты в AngularJS для выбора компонента:

<select ng-options="pair.id as pair.label for pair in myArray" ng-model="selectedId" /> 

Вы должны установить $scope.myArray как [(1, "one"), (2, "two"), (3, "three")] и чтения/записи $scope.selectedId как 1, 2 или 3 для этого примера для работы (сделать эти изменения в контроллере, где содержится этот выбор):

mymodule.controller(['$scope', function($scope) { 
    $scope.myArray = [(1, "one"), (2, "two"), (3, "three")]; 
    $scope.selectedId = 1; //lets give him a default selected value 
    $scope.someHowYouWillCallThisFunction = function() { 
     console.log("The selected id is: " + $scope.selectedId); 
    } 
}]) 

или для пар ключ: значение от объекта:

<select ng-options="key as value for (key, value) in myObject" ng-model="selectedId" /> 
+0

Действительно приятно объяснение. Спасибо :) – user1079065

Смежные вопросы