javascript - 通过名称定义ng-model

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

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" />

谢谢。

最佳答案

在控制器中执行此操作：

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

然后：

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

注意：不能将subModel设置为data_level4，因为这只是一个字符串，设置为data_level3将使subModel引用原始model中的同一对象。

编辑：添加pnlkr由@ryanyuyu完成