javascript - 使用 Angular 模型单击按钮后将值设置为单选按钮

Question

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

<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>

例如，当我单击第三个按钮查看该信息，然后单击带有一些过滤器的“应用”按钮时，页面刷新，我想要的是，当显示信息和单选按钮时，选择第一个单选按钮。

有人可以帮我吗？

Answer 1

听起来您想要做的是在 Controller 中为 radio 输入的 ng-model 设置初始值:

$scope.topTable = 'topCategory';

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