javascript - 按名称定义 ng-model

Question

我有一个非常复杂的模型，例如:

model = {
  "data_level1": {
    "data_level2": {
      "data_level3": {
        "data_level4": "myvalue"...

我怎样才能避免写:

<input type="text" ng-model="model.data_level1.data_level2.data_level3.data_level4" />

并写成类似:

<input type="text" ng-model="data_level4" />

谢谢。

Answer 1

在 Controller 中执行:

$scope.subModel = $scope.model.data_level1.data_level2.data_level3;

然后:

<input type="text" ng-model="subModel.data_level4"  />

注意:您不能将 subModel 设置为 data_level4，因为它只是一个字符串，设置为 data_level3 将具有 subModel 引用原始模型中的同一对象。

编辑:添加pnlkr由@ryanyuyu完成