将对象键与 ng 模型中的值绑定
Binding Object key with value in ng-model
我有一个保存键和值对的对象。
$scope.groups= {
1050 : 'Test',
1850 : 'Test1'
}
$scope.AnotherArray = [1050,1850];
来自ng-repeat的项目作为密钥传递给对象以获取文本"测试"
<div ng-repeat="item in AnotherArray">
<input type="text" ng-model="groups[item]" />
</div>
有没有办法在角度上做到这一点?
当你要求一个"Angular-way"来做到这一点时,这里有一个稍微修改过的Angular ngRepeat
例子的版本:
<div ng-repeat="(key, obj) in groups">
[{{key}}] {{obj}}
<input type="text" ng-model="obj"/>
</div>
http://plnkr.co/edit/0IRvLZpbUZUQBXOnebOt?p=preview
它利用了Angular对类数组对象的内部转换。
链接到 Angular 的ngRepeat
文档:https://docs.angularjs.org/api/ng/directive/ngRepeat
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- Backbone.js将模型绑定到视图时出错
- Angularjs无法将单选按钮与嵌套范围内的模型绑定
- 当显式定义控制器参数时,默认模型绑定器会发生异常
- Ember.js:通过绑定/模型查找DOM元素
- AngularJS绑定模型以选择更新输入数字字段,最小值为最大值
- 淘汰MVC,绑定模型&将对象添加到模型中
- 从ajax中为传递为null的日期值绑定模型
- Ember.js 不会自动绑定模型 REST 更改
- 骨干JS,绑定模型查看
- 如何在角度指令中绑定模型
- Ember.js绑定模型存储在数组中
- 在javascript函数中绑定模型并将其传递给控制器
- 当浏览器填充表单时,AngularJS没有绑定模型
- Angularjs:当模型改变时,单选按钮检查状态绑定模型值失败
- 绑定模型在EmberJS中变为视图
- angularjs - ng-file-upload不绑定模型到动态创建的HTML表单
- 剑道自动完成不会绑定模型
- Emberjs:正确绑定模型/控制器/视图与夹具数据