угловой элемент повторения с параметрами в html

Question

Итак, я пытаюсь вытащить переменные здесь.

<option ng-repeat="n in hp(20,25,30,40,50,75,100)">{{n}}</option> 

или внутри $ рамки

$scope.featured = [ 
    {'hp': '20,25,30,40,50,75,100'} 
    ]; 

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

<select> 
    <option>{{content.hp}}</option> 
</select> 

Однако проблема заключается в том, когда я написал область действия, как у меня есть. У меня есть ошибки, есть способ определить более одного опциона hp для выпадающего списка

Answer 1

Таким образом, hp - это строка, но вы действительно ищете массив.

Рассмотрим следующий пример:

модель

$scope.featured = { 
    hp: [20, 25, 30, 40, 50, 75, 100] 
}; 

вид

<option ng-repeat="n in featured.hp">{{n}}</option> 

Однако, это, вероятно, лучшее, что вы смотрите в использовании ng-options

Атрибут ngOptions может использоваться для динамического создания списка элементов для элемента с использованием массива или объекта, полученного путем оценки выражения понимания ngOptions.

Answer 2

ng-options будет полезен для ваших нужд. Просто добавьте ng-model, чтобы добавить выбранное значение в эту переменную ng-model.

<select ng-options="h in content.hp" ng-model="value"></select> 

Answer 3

Вы можете использовать директиву ng-options для родительского <select> элемента. Из угловых Документов

Атрибут ngOptions может быть использован для динамического создания списка элементов для элемента, используя массив или объект, полученный путем вычисления выражения на слух ngOptions

так что если вы определяете структуру данных в вашей области, вы можете использовать директиву ng-options для динамического создания списка опций для выбора для вас вместо ng-repeat. Это также дает вам больший контроль над значением опции по сравнению со значением, которое в конечном итоге связано с вашим ng-model для <select>.