Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS-Concat-ng模型_Javascript_Angularjs - Fatal编程技术网

Javascript AngularJS-Concat-ng模型

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

我正在尝试使用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 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采取了错误的方法,但我上面(第一篇帖子)所说的就是我要做的。