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

J'ai besoin de faire un système pour changer le prix total par le nombre de billets sélectionnés. J'ai créé quelques boutons radio pour choisir le nombre de billets. Le ploblem 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>

Veuillez voir mon jsfiddle.

54
demandé sur WalterV 2013-04-05 16:13:59

5 réponses

Définir 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émonstration: Violon

110
répondu Arun P Johny 2013-04-05 12:21:13 
<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
répondu aish 2014-10-14 06:40:30

Pourquoi ne pas simplement ng-checked="true"

13
répondu user3276940 2016-03-27 02:07:05

Dans Angular 2 Voici comment nous pouvons définir la valeur par défaut pour le 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' gender ' égale à la valeur de bouton radio:

gender = 'male';
1
répondu G Vinita 2018-04-08 11:55:52 
<input type="radio" name="gender" value="male"<%=rs.getString(6).equals("male") ? "checked='checked'": "" %>: "checked='checked'" %> >Male
               <%=rs.getString(6).equals("male") ? "checked='checked'": "" %>
-6
répondu Umesh 2016-10-04 15:37:37