ラジオボタンで角度JS

に私はMEANスタックで働いていると私は含まれているフォームのラジオを持ってどのように動的に設定するためのチェック状態ラジオボタンで角度JS

ボタンは、レコードを編集することです。レコードのラジオボタンをデータベースの値に応じてチェックする必要があります。

これを行う方法。

私の編集フォームがある： -

<form id = "expensesCreate" class="form-horizontal" name="myForm"> 
    <div class="form-group"> 
          <label for="Phone_no" class="col-sm-3">Address</label> 
          <div class="col-sm-4 @if($errors->has('Phone_no')) has-error @endif"> 
           <input class="form-control input-sm" placeholder="" autocomplete="off" id="address" name="address" ng-model="address" type="address" value ="{{registeruser.address}}" required> 
           <p class="error" ng-show=" myForm.password.$touched && myForm.password.$error.required" >Address is required.</p> 
          </div> 
         </div> 

         <div class="form-group"> 
          <label for="Phone_no" class="col-sm-3">Sex</label> 
          <div class="col-sm-4 @if($errors->has('Phone_no')) has-error @endif"> 
           Male <input type="radio" ng-model="sex" value="Male" > 
           FeMale<input type="radio" ng-model="sex" value="Female"> 

          </div> 
         </div> 
</form>

セックスは男性のラジオボタンをチェックしたり、選択する方法をデータベースに特定のレコードの男性である場合。

出典

2016-12-23 Shahzad Ditro

データベースの性別の値は、チェックボックスの値と同じですか：男性と女性？（キャメルケースですか？） – salix

いいえ同じ値ではありません男性と女性 –

"value"属性をデータベースの値と同じに変更すると動作するはずです。 – salix

あなたはそうのようなあなたのビューでtruthyにsexプロパティを評価することができます。詳細について

<td><input type='radio' ng-checked="p.sex=='male'"></td> 
<td><input type="radio" ng-checked="p.sex=='female'" ></td>

ビューplunkr。

出典

2016-12-23 11:35:57 Jax

ng-valueプロパティを使用して、ラジオボタンをチェックマークとして設定します。

ng-value="true"

出典

2016-12-23 11:24:59

編集中にng-value = "true"を使用する場合、ラジオボタンが選択されています –

<!DOCTYPE html> 
<html ng-app="app"> 

<head> 
    <script data-require="[email protected]" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
</head> 

<body ng-controller="myCtr"> 
    <form id="expensesCreate" class="form-horizontal" name="myForm"> 
    <div class="form-group"> 
     <label for="Phone_no" class="col-sm-3">Address</label> 
     <div class="col-sm-4 @if($errors->has('Phone_no')) has-error @endif"> 
     <input class="form-control input-sm" placeholder="" autocomplete="off" id="address" name="address" ng-model="address" type="address" value="{{registeruser.address}}" required> 
     <p class="error" ng-show=" myForm.password.$touched && myForm.password.$error.required">Address is required.</p> 
     </div> 
    </div> 

    <div class="form-group"> 
     <label for="Phone_no" class="col-sm-3">Sex</label> 
     <div class="col-sm-4 @if($errors->has('Phone_no')) has-error @endif"> 
     Male 
     <input type="radio" name="gender" ng-model="sex" value="male"> FeMale 
     <input type="radio" name="gender" ng-model="sex" value="female"> 

     </div> 
    </div> 
    </form> 
    <script> 
    angular.module('app', []) 
     .controller('myCtr', function($scope) { 
     $scope.sex = 'female'; // Instead of this use database value here 
     }) 
    </script> 
</body> 

</html>

出典

2016-12-23 11:39:00

答えて

関連する問題