I have a radio button in my Angular project
<input type="radio" ... checked />
But if I replace checked property on ng-checked ng-checked="true" or on ng-model="flag" (where flag is a component's field and it equals true)
it remains unchecked. What is wrong here?
It is simple and should work. But probably somewhere else in the code or in the controller you are changing the flag. But following works with 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>But for Angular 2+ here is how you have to do
ng-checked and ng-model is AngularJS syntax.
If you are using Angular, you have to use default HTML syntax:
<input type="radio" checked="true"/>
And binding to a property of the Component:
One-way:
<input type="radio" [checked]="myProperty"/>
or two-way:
<input type="radio" [(ngModel)]="myProperty"/>
The "Tour of Heroes" is a really good Tutorial to get started with Angular.
ng-checkedandng-modelwon't work since that is AngularJS