一尘不染

AngularJS单选按钮

angularjs

我知道在某些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;

这不起作用(与复选框相同)…

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

谢谢!


阅读 306

收藏
2020-07-04

共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”。

2020-07-04