Javascript AngularJS-Concat-ng模型
我正在尝试使用ng repeat来干燥我的html。使用以下代码:Javascript AngularJS-Concat-ng模型,javascript,angularjs,Javascript,Angularjs,我正在尝试使用ng repeat来干燥我的html。使用以下代码: <div class="form-group" ng-repeat="(key, value) in expense"> <label for={{key}} class="col-sm-2 control-label">{{key}}:</label> <div class="col-sm-10"> <input typ
<div class="form-group" ng-repeat="(key, value) in expense">
<label for={{key}} class="col-sm-2 control-label">{{key}}:</label>
<div class="col-sm-10">
<input type="number" class="form-control" id={{key}} ng-model="expense" />
</div>
</div>
{{key}}:
我遇到的问题是试图连接到ng模型中的“费用”。我想加钥匙
IE:ng model=“expense.{{key}}”
但这不起作用
建议
谢谢 键入ng repeat被声明为变量,费用也是变量。。不能将{{}字符串{{}与变量混合。您应该使用expense.key作为对象或数组,或者依赖于ng模型中的类型。
HTML ID仅为HTML,但ng模型具有侦听器和expect变量。
访问这两个变量是很好的方法。您可以提供ng model=value
或者您可以提供ng model=expense[key]
var-app=angular.module('plunker',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.name='World';
$scope.expense={
费用:1,
基本要求:2
}
});代码>
安古拉斯普朗克
文件。写(“”);
你好{{name}}
{{key}}:
这应该行得通。ng model=“expense[key]”
这有点类似,谢谢你的回答。无论出于什么原因,它都不会更新模型,但当我用纯HTML编写它时,它就是。奇怪。或者看看它会对你有帮助,或者我正在把值传递给输入。单击按钮后,输入中的值将以正确的名称推入$scope.expense对象。IE:$scope.expense={ren:'};因此,输入有一个ng模型“expense.ren”。请进一步解释您的问题,因为您说的是关于“button clicked”的事件,但ng模型设置了$scope变量。@user44754如果您能提供更详细的问题代码,我可以帮您。对此表示抱歉。我正在尝试在views/budget.html中干燥标记。这是重复了一吨,我觉得它可以更好。我可能对ng repeat采取了错误的方法,但我上面(第一篇帖子)所说的就是我要做的。