Динамическая ng-модель в angularJs

Question

У меня есть массив объектов

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

У меня для поля ввода установлено значение

 <input type="text" class="form-control" ng-model="o.boxes.box1[0]">

Есть ли способ установить "box1 [0]" на выбранное значение раскрывающегося списка? выпадающий список selectedNumber. Я попытался ng-model = "o.boxes. {{SelectedNumber}} [0]", но это не сработало.

нг-модели = "o.boxes. {{SelectedNumber}} [0]" * * 1016

Answer 1

Попробуйте дать оценку выражения во время выполнения, как показано ниже.

 ng-model="o.boxes[{{selectedNumber}}][0]"

Answer 2

Вы можете делать то, что вы хотите, просто освещая рефакторинг вашего кода. Лучший способ сделать это должен быть следующим: обновить входную ng-модель ссылку с текущим выбором вашего выпадающего списка.

В вашем контроллере:

$scope.boxes = {
    box1: [],
    box2: [],
    box3: []
}
$scope.selectedBoxModel = null;

$scope.onDropdownSelection = function (selectedBox) {
    $scope.selectedBoxModel = selectedBox;
}

И в вашем шаблоне на вашем входе вы будете ссылаться на ng-модель с выбранным полем:

<input type="text" class="form-control" ng-model="selectedBoxModel[0]">