Angular - 如何强制在页面加载时检查收音机

Posted 2023-03-05

【中文标题】Angular - 如何强制在页面加载时检查收音机

【英文标题】：Angular - how to force a radio to be checked on page load

【发布时间】：2017-02-01 12:25:35

【问题描述】：

我希望的简单问题...

如何在页面加载时启用使用下面的 html 检查第一个单选？

            <div class="app-margin-bottom app-margin-left">
                <input type="radio"
                       value="pdf"
                       ng-model="resource.type"
                       ng-click="enableUrlInput()"
                       name="resourceType"
                       required>
                    <span class="app-margin-right">PDF</span>
                <input type="radio"
                       name="resourceType"
                       ng-model="resource.type"
                       ng-click="enableUrlInput()"
                       value="url"
                       required> URL
            </div>

我曾尝试使用checked 作为属性，但这被忽略了。我还尝试使用 ng-checked 指令将 resource.type 设置为“pdf”。

【问题讨论】：

***.com/questions/5592345/…

谢谢哥们，但检查不起作用

你也试过checked="checked"吗？

是的，谢谢

【参考方案1】：

这应该可以工作

<div ng-controller="MyCtrl">
  <div class="app-margin-bottom app-margin-left">
                <input type="radio"
                       value="pdf"
                       ng-checked="true"
                       ng-model="resource.type"
                       ng-click="enableUrlInput()"
                       name="resourceType"
                       required>
                    <span class="app-margin-right">PDF</span>
                <input type="radio"
                       name="resourceType"
                       ng-model="resource.type"
                       ng-click="enableUrlInput()"
                       value="url"
                       required> URL
            </div>
</div>

JSFiddle：http://jsfiddle.net/Lvc0u55v/9955/