Javascript AngularJS:使用2个select段,每个段上有一个ng重复,不工作
我有一个包含2个select段的html,每个段都由ng个重复填充。想法如下Javascript AngularJS:使用2个select段,每个段上有一个ng重复,不工作,javascript,angularjs,Javascript,Angularjs,我有一个包含2个select段的html,每个段都由ng个重复填充。想法如下 <select ng-model="bank" style="width: 87%; height: 28px; font-size: 15px;"> <option value="" disabled selected>Bank Account</option> <option ng-repeat="bn in banks" value="$index">
<select ng-model="bank" style="width: 87%; height: 28px; font-size: 15px;">
<option value="" disabled selected>Bank Account</option>
<option ng-repeat="bn in banks" value="$index">{{bn.nickname}}</option>
</select>
<select ng-model="case" style="width: 87%; height: 28px; font-size: 15px;">
<option value="" disabled selected>Case Selection</option>
<option ng-repeat="cs in cases" value="$index">{{cs.nickname}}</option>
</select>
该函数位于控制器内部,语法正确。
但是,提交并没有将付款推送到数组中。有什么想法吗?您没有插入
值=“$index”
,因此bnk
和cs
的值是“$index”
。相反,您可能需要value=“{{$index}}”
。请参阅。是否$scope.addPay与$scope.banks和$scope.cases在同一控制器范围内?您的addPay
函数缺少一个结尾的花括号,但我想这只是一个输入错误。是的。按钮类型为“提交”,表单包含所有按钮。表单中有一个ng提交。但我以前也用过类似的东西,只是我觉得2美元指数可能会把它搞乱up@Olariu是的,错别字,对不起。我只是想知道使用2NG重复的想法是否会搞砸
$scope.addPay = function (bnk, cs) {
var a = $scope.banks[bnk].nickname;
var b = $scope.cases[cs].nickname;
$scope.payments.push({
bank: a,
cas: b
});
}