使用角度模型单击按钮后,将值设置为单选按钮

时间:2016-01-29 14:45:58

标签: javascript angularjs

我有一组单选按钮,当我点击它们时,它们会显示不同的内容。

<div class="radio" ng-init="topRadios()">
 <input type="radio" ng-model="topTable" value="topCategory" ng-change="updateTotals('topCategory')">TY  30 Categories</label>
 <input type="radio" ng-model="topTable" value="topSupplier" ng-change="updateTotals('topSupplier')">TY Top 10 Suppliers</label>
 <input type="radio" ng-model="topTable" value="topBrand" ng-change="updateTotals('topBrand')">TY Top 10 Brands</label>

</div>

我有一个按钮,根据单选按钮的选择,对显示的信息应用一些过滤器。

 <button class="goButton btn btn-xs" ng-class="css" ng-click="go()" ng-disabled="isClicked"> Apply </button>

当我点击第三个按钮以查看该信息时,然后单击“应用”按钮以及一些过滤器页面刷新和我想要的是当信息和单选按钮显示第一个单选按钮被选中时。

有人可以帮我吗?

1 个答案:

答案 0 :(得分:1)

听起来你想要做的是为你的控制器中的无线电输入ng-model设置一个初始值:

$scope.topTable = 'topCategory';

您可能还想在使用相同的代码段应用过滤后,在go函数中重置输入值。