2016-08-07 8 views
0

ラジオボタンはデフォルトではチェックされていません。私の最初のオプションをデフォルトでチェックしてみようとしています。しかし、それは何のアイデアや提案を働いていない?チェックされた属性がラジオボタンで機能していません

<div Class ="form-group"> 
    <label>Select your Email Hierarchy</label> 

    <div class="radio" ng-switch="deliveryMethod"> 
    <div ng-switch-when="email"> 
    <label> 
    <input type="radio" id="delivery-email" name="delivery-email" 
     ng-model="generated.delivery" ng-change="checkValidGenerate()" 
     class="check" value="EE/ER" checked="checked"/> 
    EE/ER 
    </label><br/> 
<!-- some code--other option listed --> 
+1

[それは正常に動作しますit](http://jsbin.com/gisiqi/1/edit?html,output) – Quentin

+0

は十分に機能します。 – Taurus

+0

@クエンティン、残念ながら、私は先に進んで言わなければならない:それは動作しません..あなたは '角型 'ライブラリなしでプランカを提供します。 'ngModel'はおそらく** null **なので' checked'が動作しないので、うまく動作しません。 – developer033

答えて

0

まず、checkedを使用する必要はありません。

$scope.generated.delivery = 'EE/ER'; 

は、以下の例を参照してください:あなたはngModelvalue属性場合は、それ以外の場合は動作しません、動作するはずです、私がテストしたときに

(function() { 
 
    'use strict'; 
 

 
    angular 
 
    .module('app', []) 
 
    .controller('MainCtrl', MainCtrl); 
 

 
    MainCtrl.$inject = ['$scope']; 
 

 
    function MainCtrl($scope) { 
 
    $scope.deliveryMethod = 'email'; 
 
    $scope.generated = {}; 
 
    $scope.generated.delivery = 'EE/ER'; 
 
    } 
 
})();
<!doctype html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-controller="MainCtrl"> 
 
    <div Class="form-group"> 
 
    <label>Select your Email Hierarchy</label> 
 
    <div class="radio" ng-switch="deliveryMethod"> 
 
     <div ng-switch-when="email"> 
 
     <label> 
 
      <input type="radio" id="delivery-email" name="delivery-email" ng-model="generated.delivery" ng-change="checkValidGenerate()" value="EE/ER"> EE/ER 
 
     </label> 
 
     <br/> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</body> 
 

 
</html>

関連する問題