如何动态设置ng-model
how to set ng-model dynamically
我有以下代码:
<div class="form-group" ng-repeat="(key, day) in {'monday':'Monday','tuesday':'Tuesday','wednesday':'Wednesday','thursday':'Thursday','friday':'Friday','saturday':'Saturday','sunday':'Sunday'}">
<label for="{{key}}" class="col-sm-3 control-label">{{day | translate}}</label>
<div class="col-sm-4">
<input type="number" class="form-control" ng-model="wd.{{key}}" id="{{key}}" name="{{key}}" min="1" placeholder="{{'Enter the price' | translate}}" required />
</div>
</div>
注意,我在input
上有一个ng-model
,它试图动态地设置模型wd.{{key}}
。
当我运行这段代码时,它说在.
之后有一个无效的属性名。
我怎样才能得到同样的效果?我不喜欢每天都有HTML代码
使用括号符号(不要忘记它仍然是JavaScript):
ng-model="wd[key]"
在你的控制器集
$scope.wd = [ {key: 'monday', day: 'Monday', value: ''},
{key: 'tuesday', day: 'Tuesday', value: ''},
***
];
然后在html
<div class="form-group" ng-repeat="day_item in wd">
<label for="{{day_item.key}}" class="col-sm-3 control-label">{{day_item.day | translate}}</label>
<div class="col-sm-4">
<input type="number" class="form-control" ng-model="day_item.value" id="{{day_item.key}}" name="{{day_item.key}}" min="1" placeholder="{{'Enter the price' | translate}}" required />
</div>
</div>
相关文章:
- 从 Javascript 中设置 ng-model name
- 为什么 AngularJS 在使用 ng-model 时不会在文本框上设置长度属性
- AngularJS ng-model 未设置正确的值
- AngularJS更新ng-model的值以设置默认值
- ng-model 没有为我设置默认值
- 在Angularjs中,嵌套在指令中的控制器可以设置指令的ng-model
- 无法在选择下拉菜单中使用动态生成下拉菜单ng-model设置默认选项
- 在ng-model被设置为select>之前,Ng-change执行
- 角度JS:无法在ng-repeat中将值设置为ng-model变量
- 如何通过ui-select值设置ng-model值
- AngularJS -如何设置不同于ng-model的输入值
- Angularjs的输入[radio]带有唯一的ng-model,不能取消设置
- 如何在指令中设置ng-model的正确作用域?
- 在ng-options中设置ng-model的初始值
- 不能为ng-model的select设置默认值
- ng-model将JavaScript对象属性设置为array
- 在AngularJS中动态设置ng-model value为js变量的值
- 通过javascript为ng-model设置值
- 在ng-repeat中设置ng-model无效
- 如何动态设置ng-model