распределять стоимость произведенному dropdown dinámicamente в ng-repeat (ANGULAR.JS)

Я стараюсь воссоздавать реальную проблему, так что может казаться редким этот пример, но страховки он решит мою проблему. Он был бы благодарен много, если они могут помогать мне.

мне нужно кнопку, которая, кликнуть на нем, производит 3 dropdowns динамические (питается переменная, названная $scope.dropdown, со списком животных, который содержит array $scope.aAnimals, в настоящее время существуют 3 элемента, но в будущем это могут быть "n" элементы).

После этого, я хочу, чтобы у каждого dropdown была различная стоимость, например, которая у первого dropdown была бы первое животное, второй dropdown второй, третий dropdown следующий. Я попробовал много вещей, но не смог этого добиваться.

<div ng-repeat='item in dropdown'>
 <select class="form-control animal" ng-model='MyAnimals' id='animal{{$index}}' name='animal{{$index}}'  
ng-options="opt as opt.animal for opt in aAnimals  track by opt.animal">
      <option style="display:none" value="">Select an animal</option>
 </select>
</div>
<button ng-click='add()' >generate</button>


$scope.obj = {}
$scope.aAnimals=
[
 { "animal": "cat"},  //first dropdown
 { "animal": "dog"},  //second dropdown
 { "animal": "parrot"}  //third dropdown
]


$scope.add=function(){
$scope.dropdown=[];
for(var i in $scope.aAnimals){
 $scope.dropdown.push({ "animal": $scope.aAnimals[i].animal })
 //$('.animal')[i].value=$scope.aAnimals[i].animal;
 }
}

Когда произведутся dropdown, у него должно бы быть что-либо подобное:

introducir la descripción de la imagen aquí

 { "animal": "cat"},  //first dropdown
 { "animal": "dog"},  //second dropdown
 { "animal": "parrot"}  //third dropdown

http://plnkr.co/edit/JF1PBblo6VGKdeWvoqTz?p=preview

0
задан 18.01.2017, 06:05
0 ответов