javascript - 在angularjs中动态创建ng-model

标签 javascript angularjs model angularjs-ng-repeat

我有包含字符串数组的属性字段:

在 Controller 中我有:

$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"?

最佳答案

要使用变量引用对象的属性,请使用括号表示法

data[f]

关于javascript - 在angularjs中动态创建ng-model,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20125466/

相关文章:

javascript - React Native 多图像

javascript - 每 2 分钟运行一次的 Nodejs 函数会随着时间的推移而丢失

javascript - koa:promise vs async await 中间件

javascript - 如何在 angular js 中的服务内创建指令?

angularjs - 文本区域高度不会随预填充文本而改变

javascript - 如何创建函数模型?

c# - Entity Framework : Object is null but the foreign key isn't

javascript - 将 new 作为对象推送到数组

angularjs - Angular.js必需,而ng必需不适用于&lt;textarea&gt; </textarea>

java - Java中SQL语句的解析和修改