将ng-model与子字段动态绑定

Question

我正在尝试编写一段代码，我需要将ng-model与动态值和静态子字段绑定在一起。 例如： HTML：

<input type="text" ng-model="map[type]['name']"/>

JS：

$scope.map = {};
$scope.type = "A";

期望的输出：

{
"map": {
    "A": {
        "name": "something"
    }
}
}

我知道ng-model =“map [type]”可以工作，但我想再添加一个字段进行绑定。 你能帮忙解决这个问题吗？

Answer 1

它只是有效。查看更新的plunker。

这是我的代码。如果您不希望name预先定义，请确保它不在引号中。

app.controller('MainCtrl', function($scope) {
  $scope.map = {};
  $scope.type = "A";
  $scope.property = "name";
});

和html：

<input type="text" ng-model="map[type][property]"/>

请注意，当您输入输入时，名称会更新。