Question

我的Angular项目中有一个单选按钮

<input type="radio" ...  checked />

但是如果我在ng-checked ng-checked="true"或ng-model="flag"上替换了 checked 属性（其中flag是组件的字段，它等于true）它仍然未被选中。怎么了

Answer 1

这很简单，应该可以工作。但是可能在代码或控制器的其他地方更改了标志。但是，以下功能可用于AngularJS。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="">
<input type="radio" ng-checked="true"> Checked radio <br><br>
<input type="radio" ng-checked="false"> Not Checked radio <br><br>
</body>
</html>

但是对于Angular 2+ here is how，您必须这样做

Answer 2

ng-checked和ng-model是AngularJS语法。

如果使用的是Angular，则必须使用默认的HTML语法：

<input type="radio" checked="true"/>

并绑定到Component的属性：
单向：

<input type="radio" [checked]="myProperty"/>

或双向：

<input type="radio" [(ngModel)]="myProperty"/>

要开始使用Angular的"Tour of Heroes" is a really good Tutorial。

单选按钮的ng-checked属性在Angular中不起作用

2 个答案: