How to set the default value for radio buttons in AngularJS

Question

I need to make a system to change the total price by number of tickets selected  I created some radio buttons to choose the number of ticket  The ploblem is that the default value is unset and the result is null on loading    lt input type  radio  ng-model  people  value  1  checked  checked  gt  lt label gt 1 lt  label gt   lt input type  radio  ng-model  people  value  2  gt  lt label gt 2 lt  label gt   lt input type  radio  ng-model  people  value  3  gt  lt label gt 3 lt  label gt   lt ul gt     lt li gt   10 people      lt  li gt     lt li gt   8 people      lt  li gt     lt li gt   30 people      lt  li gt   lt  ul gt    Please see my jsfiddle

User · Answer

lt div ng-app    ng-controller  myCntrl  gt               lt input type  radio  ng-model  people  value  1   gt  lt label gt 1 lt  label gt           lt input type  radio  ng-model  people  value  2   gt  lt label gt 2 lt  label gt           lt input type  radio  ng-model  people  value  3   gt  lt label gt 3 lt  label gt   lt  div gt   lt script gt      function myCntrl  scope            scope people 1         lt  script gt

User · Answer

why not just ng-checked  true

User · Answer

Set a default value for people with ngInit   lt div ng-app gt       lt div ng-init  people 1    gt           lt input type  radio  ng-model  people  value  1  gt  lt label gt 1 lt  label gt           lt input type  radio  ng-model  people  value  2  gt  lt label gt 2 lt  label gt           lt input type  radio  ng-model  people  value  3  gt  lt label gt 3 lt  label gt       lt ul gt           lt li gt   10 people      lt  li gt           lt li gt   8 people      lt  li gt           lt li gt   30 people      lt  li gt       lt  ul gt   lt  div gt    Demo  Fiddle

User · Answer

lt input type  radio  name  gender  value  male  lt   rs getString 6  equals  male      checked  checked         gt    checked  checked     gt   gt Male                 lt   rs getString 6  equals  male      checked  checked         gt

User · Answer

In Angular 2 this is how we can set the default value for radio button   HTML    lt label class  form-check-label  gt             lt input type  radio  class  form-check-input  name  gender               ngModel    gender  id  optionsRadios1  value  male  gt            Male  lt  label gt    In the Component Class set the value of  gender  variable equal to the value of    radio button   gender    male

[angularjs] How to set the default value for radio buttons in AngularJS?

Examples related to angularjs