AngularJS：使用2個帶有ng-repeat的選擇段，每個段不起作用

Question

我有一個帶有2個選擇段的html，每個段均由ng-repeats填充。 想法在下面...

<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>

這是在帶有ng-submit的表單內部，以在下面調用添加函數...

$scope.addPay = function (bnk, cs) {
    var a = $scope.banks[bnk].nickname;
    var b = $scope.cases[cs].nickname;
$scope.payments.push({ 
    bank: a,  
    cas: b
});
}

該函數在控制器內部，在語法上正確。 但是，提交者並沒有將付款推入數組。 有任何想法嗎？

Answer 1

您沒有插值value="$index" ，因此bnk和cs值為"$index" 。 相反，您可能需要value="{{ $index }}" 。 參見plnkr 。