在AngularJS中动态设置ng-model value为js变量的值
Setting ng-model value dynamically to the value of js variable in AngularJS
以前也有人问过类似的问题,我也尝试过给他们的解决方案,但我的问题有点不同。
假设我的控制器中有一个这样的对象数组
$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
,而不是像field.field_name
那样的javascript
变量,因为我的目标来自另一个包含如下html的源。
<p>this is sample html {{placeholder1}}. again sample html {{placeholder2}} </p>
我没有这些JS变量在这里。到目前为止,我还没有找到适合我的解决办法。
链接到plunk:http://plnkr.co/edit/ttaq0l3PDRu4piwSluUX?p=preview
在你的例子中,它看起来像这样:
<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
相关文章:
- JS变量返回的对象不是值
- 我怎么能让流星简单模式中的一个字段等于一个js变量,并且仍然让用户填写简单模式的其余部分
- 向AngularJS目录添加JS变量
- 在使用cq:include包含外部JS之前,如何在JSP中包含全局JS变量
- 将PHP数组传递给js变量
- 如何从谷歌脚本中获取JS变量
- 敲除js变量设置类似于调用函数
- 带破折号的Ractive.js变量
- jQuery在MVC应用程序中设置JS变量
- HTML按钮获胜't更改JS变量
- 在跨子域上将JS变量从子Iframe传递给父JSP
- 理解bootstrap.js变量声明
- 使用HTML标记中的JS变量在Javascript中动态创建HTML
- 访问JQuery中的vue-js变量
- AJAX将JSON数组保存到多个JS变量中
- 在构造控制器、服务等时作为函数参数传递之前列出的角度 JS 变量
- 将JS变量作为文本返回以发送到Google Analytics
- 将JS变量传递到php数组
- 如何将JS变量异步发送到Rails
- 正在读取JS变量