在angularjs中動態創建ng-model

Question

我有包含字符串數組的屬性字段：

在控制器中，我有：

$scope.data = {};

$scope.fields = [
    "new0.name",
    "new0.type",
    "new0.address",
    "new0.city",
    "new0.postalCode"
];

鑒於我有：

  <div class="control-group" ng-repeat="f in fields">
    <label class="control-label">Some field name</label>
    <div class="controls">
      <input type="text" name="{{f}}" ng-model="data.f" class="input-xlarge">
    </div>
  </div>

在ng-repeat中 ，如何將f的值連接到ng-model以獲得例如ng-model =“ data.new0.name”？

Answer 1

要使用變量引用對象的屬性，請使用方括號表示法

data[f]