如何从按钮检查输入单选-AngularJS

Question

我试图将一项工作变成一项简单的任务而没有运气，我试图通过单击一个按钮来检查输入广播。 每个输入单选按钮均作为其按钮。 您如何以有角度的方式实现这一目标？

<button class="btn btn-primary">

        <input type="radio" ng-model="color" value="1">

</button>


<button class="btn btn-primary">

        <input type="radio" ng-model="color" value="2">

</button>

<button class="btn btn-primary">

        <input type="radio" ng-model="color" value="3">

</button>

您如何看待我将输入内容放入元素按钮，如果您有不同的想法，请纠正我。

Answer 1

将相关联的ng-model设置为等于您要选择的无线电的value ：

<button class="btn btn-primary" ng-click="color = 1">
    <input type="radio" name="radioGroup" ng-model="color" value="1">
</button>

Answer 2

使用<label>并将其设置为按钮：

<label class="btn btn-default"> Button 1
  <input type="radio" ng-model="color" value="1">
</label>

<label class="btn btn-default"> Button 2
  <input type="radio" ng-model="color" value="2">
</label>

并添加css以隐藏input[type="radio"] 。

并非一切都需要Angular。