2012-09-26 134 views
31

我知道,這已經在一些谷歌的主題已經談過,但我仍然無法找到我的無線輸入綁定到一個模型中的正確的解決方案(在clean'n簡單的方式),Angularjs單選按鈕

目前我有HTML:

並在控制器:

$scope.searchByRma  = true; 
$scope.searchByDelivery = false; 

這不起作用(因爲它會與複選框)...

關於如何在不丟失數據綁定的情況下在第一個單選按鈕上設置默認值的任何想法?

謝謝!

回答

63

我想你應該在那些 兩個單選按鈕使用相同的變量使用不同的值。

<input ng-model="searchBy" value="Rma" type="radio" name="search-type"> 
<input ng-model="searchBy" value="Delivery" type="radio" name="search-type"> 

然後,你應該有searchBy組不是「RMA」或取決於 用戶輸入「交貨」。

+1

這是完美的,我也有NG-檢查了這是打破它的一個單選按鈕組,所以它可能有人會有所幫助...謝謝! – alchemication

+0

優雅的解決方案! – zooblin

-1

了什麼工作對我來說是設置模型變量{},這將單選按鈕重置爲默認(未選中)狀態。當然,這隻有在你的單選按鈕標籤正確的時候纔會有效,就像託什的答案一樣。

你的情況:

$scope.searchBy = { };