javascript - 将 ng-model 值动态设置为 AngularJS 中 js 变量的值

Question

之前有人问过类似的问题，我也尝试过给他们提供的解决方案，但我的问题并没有什么不同。

假设我的 Controller 中有一组这样的对象

$scope.objArray = [
  {
    id:1,
    name:"placeholder1"
  },
  {
    id:2,
    name:"placeholder2"
  }
];

现在基于这个数组，我正在像这样动态地生成一个表单

  <div ng-repeat="field in fields">
    {{field.field_name}} </br>
    <input type="text" ng-model="field.field_name"><br>
  </div>

在此表单中，我希望将 ng-model 值设置为 placeholder1 和 placeholder2 而不是像 javascript 变量，如 field.field_name 因为我的目标来自另一个包含如下 html 的来源。

<p>this is sample html {{placeholder1}}. again sample html {{placeholder2}} </p>

我这里没有那些 JS 变量。到目前为止，我找不到任何适合我的解决方案。

这里是 plunk 的链接: http://plnkr.co/edit/ttaq0l3PDRu4piwSluUX?p=preview

Answer 1

在你的情况下它看起来像这样:

<div ng-repeat="field in fields">
    {{field.field_name}}
    <br>
    <input type="text" ng-model="$parent[field.field_name]">
    <br>
</div>

请注意，您必须使用 $parent 引用，因为在您的情况下您想要设置外部范围的属性(定义 objArray 的地方)，但是 ngRepeat 每次迭代都会创建子作用域，因此您需要更进一步。

演示: http://plnkr.co/edit/35hEihmxTdUs6IofHJHn?p=info