爲什麼我的默認單選按鈕沒有顯示在模型中？

我在表單上有一個預選的單選按鈕。下面是HTML：爲什麼我的默認單選按鈕沒有顯示在模型中？

<input type="radio" ng-model="bankAccount.selectedAccount" value="{{account.bankAccountId}}" class="radioChanged" ng-checked="{{account.defaultAccount}}">

的形式顯示出來，並在單選按鈕被選中喜歡的是應該的，但是當我點擊我的提交按鈕，模型，bankAccount.selectedAccount，只是一個空的對象。如果我點擊視圖中已經選擇的默認單選按鈕，它會顯示在模型中。我需要做什麼來使用默認單選按鈕填充我的模型？

來源

2014-09-23 jhamm

您需要使用ng-value而不是value插值，以便該值與模型相關聯。還要注意，ng-checked不應該有插值，當你插值時，即使邊界值是假的，它將被視爲「假」字符串，它是真實的（If the expression is truthy, then special attribute "checked" will be set on the element）。

嘗試： -

<input type="radio" ng-model="bankAccount.selectedAccount" 
     ng-value="account.bankAccountId" class="radioChanged" 
     ng-checked="account.defaultAccount">

綁定給定表達式，以輸入[選擇]或輸入[無線電]的值，從而使被選擇的元件時，該元件的ngModel被設置爲約束值。

不要ng-model混合ng-checked的基礎上，truthy/falsy條件的元素的NG-檢查只是設置checked屬性。它不更新ngModel。相反，如果你想選擇一個收音機，然後通過設置其ng型bankAccount.selectedAccount與默認帳戶的值。

即： -

<input type="radio" ng-model="bankAccount.selectedAccount" 
    ng-value="account.bankAccountId" class="radioChanged" />

Plnkr

來源

2014-09-23 16:23:57 PSL

的'NG-value'不工作，我喜歡它應該。如果我使用花括號，我也只能得到'ng-checked'才能工作。可能是什麼原因造成的？我正在使用'angular 1.2.17' – jhamm 2014-09-23 16:32:00

@jhamm你能演示一個它不工作的演示嗎 – PSL 2014-09-23 16:37:21

@jhamm不要使用ng -g選中ng-model – PSL 2014-09-23 16:45:06

爲什麼我的默認單選按鈕沒有顯示在模型中？

回答

相關問題