angularJs中的動態ng模型

Question

我有一系列對象

我有一個帶有這些名稱的下拉框和一個文本框，以顯示所選對象內部的值

我將輸入框設置為

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

有沒有辦法將“ box1 [0]”設置為選定的下拉值？ 下拉框為selectedNumber。 我嘗試了ng-model =“ o.boxes。{{selectedNumber}} [0]”，但這沒用。

ng-model =“ o.boxes。{{selectedNumber}} [0]”

Answer 1

您只需要少量的代碼重構就可以完成您想做的事情。 最好的方法應該是：使用下拉列表的當前選擇來更新輸入ng-model參考。

在您的控制器中：

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

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

在輸入的模板中，您將使用選定的框引用ng-model ：

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

Answer 2

嘗試如下所示進行運行時表達式評估。

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