当它的对象为 ng-value 时，默认检查无线电答案

【问题标题】：Make radio checked by default when it has object as ng-value当它的对象为 ng-value 时，默认检查无线电
【发布时间】：2016-06-28 20:44:45
【问题描述】：

我的控制器中有一个作用域对象，它在我的应用程序中设置了一些默认值，如下所示：

  //set default values for form
  $scope.appText = {
    'size':'normal',
    'colour':'green',
    'alignment':'top',
    'dimensions':{
      'width':600,
      'height':300
    }
  };

在我看来，我有一系列 HTML 单选按钮，每个按钮都有一个 ng-value，它有一个具有宽度和高度的对象，如下所示：

<input type="radio" name="radio-dimensions" ng-value="{width:600, height:300}" ng-model="appText.dimensions" checked>600x300

<input type="radio" name="radio-dimensions" ng-value="{width:300, height:250}" ng-model="appText.dimensions">300x250

我无法默认选中第一个单选按钮，即使它的 ng 值与模型匹配。

如何使其默认选中？我试过添加

ng-checked="true"

这不起作用，我认为不推荐。这个 jsfiddle 说明了这个问题：

https://jsfiddle.net/yod71dm8/1/

【问题讨论】：

在这个 jsfiddle ng-checked 作品中。也许这可以帮助你：stackoverflow.com/questions/14530785/…
jsfiddle.net/yod71dm8/7 看看这个
checked 在 Angular 中不起作用，您需要在 ng-model 中提及 $parent.somevariable 以选择单选按钮

标签： html angularjs radio-button

【解决方案1】：

ng-checked="true" 确实有效。我的问题是单选按钮在ng-if 语句中。将ng-if 更改为ng-show 解决了这个问题。

【讨论】：

【解决方案2】：

您的 ng-model 需要引用一个布尔值，即。单选按钮或复选框的 true 或 false。

所以在你的控制器中你会有 $scope.radio1 = true

那么在你看来

<input type="radio" name="radio-dimensions" ng-model="radio1">600x300

【讨论】：