如何在angularjs中选择单选按钮答案

【问题标题】：how to make radio buttons selected in angularjs如何在angularjs中选择单选按钮
【发布时间】：2016-02-23 01:15:35
【问题描述】：

我是 angularjs 和 javascript 的新手，我有一个单选按钮列表，必须选择其中一些，所以有朋友可以告诉我如何实现吗？我试过 ng-value=true 没有运气，我的代码如下：

<ons-list-item modifier="tappable"  ng-repeat="area in vm.AreaList" >
    <label class="radio-button radio-button--list-item line-h45">
        <input type="radio"  ng-bind="area.name"  ng-model="vm.selectedArea" name="area" ng-value="area.code" >
        <div class="radio-button__checkmark radio-button--list-item__checkmark">

        </div>
        {{area.name}}
    </label>
</ons-list-item>

【问题讨论】：

阅读AngularJS input[radio] API Docs

标签： html angularjs radio-button

【解决方案1】：

你可以在你的控制器中做这样的事情：

 $scope.results = {
      favorites: [{
        id: "WatchList1",
        title: "WatchList1"
      }, {
        id: "WatchList2",
        title: "WatchList2"
      }, {
        id: "WatchList3",
        title: "WatchList3"
      }]
    };

$scope.selectedRow = {
  id: 'WatchList2'
};

$scope.event = {
  type: {
      checked: true
  }
}

和你的html：

<div>
  <div ng-repeat="row in results.favorites">
  <input type="radio" ng-model="selectedRow.id" value="{{ row.id }}" style="opacity: 1;" class="pointer" />
  <span>{{ row.title }}</span>
  </div>
</div>

单盒

【讨论】：

【解决方案2】：

您应该为此使用 ngChecked。

https://docs.angularjs.org/api/ng/directive/ngChecked

    <ons-list-item modifier="tappable"  ng-repeat="area in vm.AreaList" >
        <label class="radio-button radio-button--list-item line-h45">
            <input type="radio"  ng-bind="area.name"  ng-model="vm.selectedArea" name="area" ng-value="area.code" 
                 ng-checked="true">
            <div class="radio-button__checkmark radio-button--list-item__checkmark">
            </div>
            {{area.name}}
        </label>
    </ons-list-item>

【讨论】：

【解决方案3】：

一次只能选择一个单选按钮。

如果你想要多个选中的项目，然后使用复选框并选择，使模型值等于值属性。

【讨论】：

这没有提供问题的答案。要批评或要求作者澄清，请在他们的帖子下方留下评论。 - From Review
回答并不意味着一定是一段代码。不是吗？
否，但问题是如何将单选按钮设置为“已选中”。