Angular - Установить начальное значение для опции выбора JSON

Question

Angular - Установить начальное значение для опции выбора JSON

0

Я хочу установить начальное значение в опции выбора. Вот мой код:

<select ng-init="blah" ng-options="key as value for (key , value) in cities "ng-model="selectedCity" ng-click="setCity()" class="form-control"></select>

Любое предложение?

Farzan Najipour 20 май 2016, в 13:59

Источник

1

selectedCity = 'someValue'
Satpal 20 май 2016, в 12:00
0

ng-init="selectedCity=initialVal.cities" // initialVal - это значение, которое вы хотите выбрать.
M. Junaid Salaat 20 май 2016, в 12:00
0

@Satpal <select summer = "selectedCity = 'someValue'" ng-options = "ключ в качестве значения для (ключ, значение) в городах" ng-model = "selectedCity" click = "setCity ()" class = "form-control"> </ select> не работает
Farzan Najipour 20 май 2016, в 12:14

Показать ещё 1 комментарий

Теги:

angularjs

json

3 ответа

1

В вашем контроллере вам просто нужно инициализировать selectedCity до значения, которое вы хотите использовать по умолчанию.

pgreen2 20 май 2016, в 09:19

0

Я инициализирую selectedCity в моем контроллере, но он все равно не работает: Controller: $ scope.selectedCity = 'NY'; HTML: <select ng-options = "ключ как значение для (ключ, значение) в городах" ng-model = "selectedCity" ng-click = "setCity ()" class = "form-control"> </ select>
Farzan Najipour 20 май 2016, в 12:24

0

В контроллере объявите:

 $scope.selectedCity = 'cityName'; // any name you want to initialize with

Disha 20 май 2016, в 10:06

0

$scope.cities не является массивом.
M. Junaid Salaat 20 май 2016, в 12:04
0

Это не работает
Farzan Najipour 20 май 2016, в 12:28

Ещё вопросы

ng-init="selectedCity=initialVal.cities" // initialVal - это значение, которое вы хотите выбрать.
@Satpal <select summer = "selectedCity = 'someValue'" ng-options = "ключ в качестве значения для (ключ, значение) в городах" ng-model = "selectedCity" click = "setCity ()" class = "form-control"> </ select> не работает
Я инициализирую selectedCity в моем контроллере, но он все равно не работает: Controller: $ scope.selectedCity = 'NY'; HTML: <select ng-options = "ключ как значение для (ключ, значение) в городах" ng-model = "selectedCity" ng-click = "setCity ()" class = "form-control"> </ select>

M. Junaid Salaat · Accepted Answer · 2016-05-20T10-22-00.000Z

Для выбора его в разметке (что не рекомендуется) используйте

<select ng-init="selectedCity='firstCity'" 
    ng-options="key as value for (key , value) in cities"
    ng-model="selectedCity">
</select>

firstCity - это ключ, который вы хотите выбрать по умолчанию.

Допустим, это ваш объект

$scope.cities = {
    firstCity: "NY",
    secondCity: "LA",
    thirdCity: "OT"
  };

РАБОЧАЯ ДЕМО

Для инициализации в использовании контроллера

$scope.selectedCity='firstCity';

Надеюсь, поможет.

Это будет работать, но я действительно думаю, что следует избегать ng-init (и документы Angular рекомендуют инициализировать значения в вашем контроллере, а не использовать его для этой цели тоже ). Использование логики в ваших представлениях делает ваш код более сложным для понимания. Очевидно, что такие вещи - дело вкуса!
Да, @JoeClay. Но автор поста читает, поскольку я хочу установить начальное значение в select-option, поэтому я опубликовал это. Спасибо, кстати. Я тоже редактировал свой пост
Да, ваше сообщение определенно отвечает на вопрос, поэтому я не стал его голосовать - даже если ваш ответ не такой, как я лично, хорошо бы сообщить автору сообщения обо всех доступных опциях :)
@mJunaidSalaat, если у меня есть три пары ключ-значение, и я хочу установить первое значение в качестве значения по умолчанию, как я инициализирую initialVal?
@afn Пожалуйста, проверьте отредактированный ответ и рабочую скрипку