2012-09-26 135 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 = { };