Javascript 将ng模型值动态设置为AngularJS中js变量的值
以前也有人问过类似的问题,我也尝试过解决方法,但我的问题没有什么不同 假设我的控制器中有一个这样的对象数组Javascript 将ng模型值动态设置为AngularJS中js变量的值,javascript,angularjs,angular-ngmodel,angularjs-ng-model,Javascript,Angularjs,Angular Ngmodel,Angularjs Ng Model,以前也有人问过类似的问题,我也尝试过解决方法,但我的问题没有什么不同 假设我的控制器中有一个这样的对象数组 $scope.objArray = [ { id:1, name:"placeholder1" }, { id:2, name:"placeholder2" } ]; 现在基于这个数组,我动态地生成一个表单,如下所示 <div ng-repeat="field in fields"> {{field.field_na
$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>
我这里没有那些JS变量。到目前为止,我还找不到任何解决办法能以这种方式解决我的问题
以下是指向plunk的链接:
在您的情况下,它将如下所示:
<div ng-repeat="field in fields">
{{field.field_name}}
<br>
<input type="text" ng-model="$parent[field.field_name]">
<br>
</div>
{{field.field_name}
注意,您必须使用$parent
引用,因为在您的例子中,您想要设置外部作用域的属性(其中定义了objArray
),但是ngRepeat
会在每次迭代中创建子作用域,所以您需要一步
演示:请在此处(使用代码段功能)或在JSFIDLE、Plunker等上提供一个最简单的工作示例。您的变量来自何处并不十分清楚,因此您的问题目前无法回答。@Agop添加了指向plunkI的链接,但您并不真正理解您的问题。。。
<div ng-repeat="field in fields">
{{field.field_name}}
<br>
<input type="text" ng-model="$parent[field.field_name]">
<br>
</div>