2016-08-07 5 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

[그것은 잘 작동 그것] (http://jsbin.com/gisiqi/1/edit?html, 출력) – Quentin

+0

충분히 잘 작동합니다. – Taurus

+0

@Quentin, 불행하게도 저는 앞으로 나아가 야합니다. 작동하지 않습니다. 여러분은'Angular' 라이브러리없이 plunker를 제공합니다. '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>

관련 문제