web-dev-qa-db-fra.com

Comment définir la valeur par défaut pour les boutons radio dans AngularJS?

Je dois créer un système pour modifier le prix total en fonction du nombre de billets sélectionnés. J'ai créé des boutons radio pour choisir le numéro du ticket. Le problème est que la valeur par défaut est non définie et le résultat est null lors du chargement.

<input type="radio" ng-model="people" value="1" checked="checked"><label>1</label>
<input type="radio" ng-model="people" value="2"><label>2</label>
<input type="radio" ng-model="people" value="3"><label>3</label>
<ul>
  <li>{{10*people}}€</li>
  <li>{{8*people}}€</li>
  <li>{{30*people}}€</li>
</ul>

S'il vous plaît voir mon jsfiddle.

angularjs
55
WalterV

Définissez une valeur par défaut pour people avec ngInit

<div ng-app>
    <div ng-init="people=1" />
        <input type="radio" ng-model="people" value="1"><label>1</label>
        <input type="radio" ng-model="people" value="2"><label>2</label>
        <input type="radio" ng-model="people" value="3"><label>3</label>
    <ul>
        <li>{{10*people}}€</li>
        <li>{{8*people}}€</li>
        <li>{{30*people}}€</li>
    </ul>
</div>

Démo: Fiddle

111
Arun P Johny
<div ng-app="" ng-controller="myCntrl">    
        <input type="radio" ng-model="people" value="1"/><label>1</label>
        <input type="radio" ng-model="people" value="2"/><label>2</label>
        <input type="radio" ng-model="people" value="3"/><label>3</label>
</div>
<script>
    function myCntrl($scope){
        $scope.people=1;
    }
</script>
20
aish

pourquoi ne pas simplement ng-checked="true"

13
user3276940

Dans Angular 2, voici comment définir la valeur par défaut du bouton radio:

HTML:

<label class="form-check-label">
          <input type="radio" class="form-check-input" name="gender" 
          [(ngModel)]="gender" id="optionsRadios1" value="male">
          Male
</label>

Dans la classe de composant, définissez la valeur de la variable 'genre' égale à la valeur de bouton radio:

gender = 'male';
1
G Vinita