AngularJs Giriş radyo değeri

Kullanıcının male veya female numaralı telefonlardan olduğunu söylemesi gereken bir form var. Veritabanımda 1 veya 0 var. Bunu AngularJs input radio ile nasıl yapabilirim. AngularJs Giriş radyo değeri

Şu anda bu var:

<div class="form-group"> 
    <label class="col-md-2 control-label">Radios</label> 

    <div class="col-md-10"> 
     <div class="radio radio-primary"> 
      <label> 
       <input type="radio" name="male" id="male" ng-model="employeeCtrl.employee.Gender" ng-value="0"><span class="circle"></span><span class="check"></span> 
       Male 
      </label> 
     </div> 
     <div class="radio radio-primary"> 
      <label> 
       <input type="radio" name="optionsRadios" id="optionsRadios4" ng-model="employeeCtrl.employee.Gender" ng-value="1"><span class="circle"></span><span class="check"></span> 
       Female 
      </label> 
     </div> 
    </div> 
</div>

Ama bu olmuyor. Doğru radyo düğmesi seçili değil de değer değişmeyecek.

kaynak

2016-03-28 Jamie

deneyin değişikliği 'name = "optionsRadios" id = "optionsRadios4"' 'name = "erkek" id = "kadın"' etmek –

https://material.angularjs.org/ En son/demo/radioButton – Jois

Çalıştığınız için teşekkürler – Jamie

Kodu çalıştırın ve beklediğiniz şeyi görün. Radyo düğmesi için aynı adı kullanın ve her kontrol ünitesi için farklı bir kimlik kullanabilirsiniz.

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.5.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body ng-app=""> 
 
    
 
    <div class="form-group"> 
 
    <label class="col-md-2 control-label">Radios</label> 
 

 
     <div class="col-md-10"> 
 
      <div class="radio radio-primary"> 
 
       <label> 
 
        <input type="radio" id='gender_male' name="gender" ng-model="employeeCtrl.employee.Gender" ng-value="0"><span class="circle"></span><span class="check"></span> 
 
        Male 
 
       </label> 
 
      </div> 
 
      <div class="radio radio-primary"> 
 
       <label> 
 
        <input type="radio" id='gender_female' name="gender" ng-model="employeeCtrl.employee.Gender" ng-value="1"><span class="circle"></span><span class="check"></span> 
 
        Female 
 
       </label> 
 
      </div> 
 
     </div> 
 
    Gender: {{employeeCtrl.employee.Gender}} 
 
    </div> 
 

 
    </body> 
 

 
</html>

kaynak

2016-03-28 11:22:07

AngularJs Giriş radyo değeri

cevap

İlgili konular