javascript - Angularjs单选按钮

Question

我知道在某些 Google 线程中已经谈到了这一点，但我仍然找不到将我的无线电输入绑定到模型的正确解决方案（以简洁的方式），

目前我有 HTML：

<input ng-model="searchByRma" type="radio" name="search-type">
<input ng-model="searchByDelivery" type="radio" name="search-type">

在控制器中：

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

这不起作用（就像复选框一样）......

关于如何在第一个单选按钮上设置默认值而不丢失数据绑定的任何想法？

谢谢！

Answer 1

我认为您应该在这两个单选按钮中使用具有不同值的相同变量。

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

然后，您应该searchBy根据用户输入设置“Rma”或“Delivery”。

Answer 2

对我有用的是将模型变量设置为 { }，这会将单选按钮重置为默认（未选中）状态。当然，这只有在您的单选按钮标签正确时才有效，如 tosh 的回答。

在你的情况下：

$scope.searchBy = { };