이온 라디오를 켜고 끄는 방법?

Question

사용자가 하나의 옵션을 전환 할 수있게하려고합니다. 섹션 내의 다른 옵션으로 전환하면 다른 이전에 선택한 선택 항목을 해제로 전환합니다. 사용자는 또한 선택을 취소 할 수 있습니다 (예 :). 단계 : -

버튼을 눌러 1 (이 "On"으로 "Off"로 설정해야합니다) 다시

버튼을 눌러 1 (버튼 1 "오프"를 "ON"으로 전환)

나는 HTML에서 다음 코드

app.directive('kmItoggleRadio', function() { 
    return{ 
    restrict:'E', 
    compile: function(element,attrs) 
    { 
     var leftTitle=''; 
      if(angular.isUndefined(attrs.kmLeftTitle)) { 
       leftTitle=''; 
      } 
      else { 
       leftTitle=attrs.kmLeftTitle; 
      } 
     var rightTitle=''; 
      if(angular.isUndefined(attrs.kmRightTitle)) { 
       rightTitle=''; 
      } 
      else { 
       rightTitle=" "+attrs.kmRightTitle ; 
      } 
     var show='false'; 
      if(angular.isUndefined(attrs.kmShow)) { 
       show="true"; 
      } 
      else { 
       show=attrs.kmShow; 
      } 

     var htmlText='<div><div ng-switch on="format">'+ 
      '<div ng-switch-when="kmForm">'+ 
      '<div ng-show='+show+'>'+ 
      '<ul class="list">'+ 
      '<li class="item item-toggle">'+ 
      ''+leftTitle+''+ 
      '<label class="toggle toggle-positive">'+ 
      '<input type="radio" value="'+attrs.kmValue+'" ng-model="'+attrs.kmModel+'" >'+ 
      '<div class="track">'+ 
      '<div class="handle"></div>'+ 
      '</div>'+ 
      '</label>'+ 
      '</ul>'+ 
      '</div>'+ 
      '</div>'+ 
      '<div ng-switch-when="kmPreview">'+ 
      '<div ng-show='+show+'>'+ 
      '<ul class="list">'+ 
      '<li class="item item-toggle">'+ 
      ''+leftTitle+''+ 
      '<label class="toggle toggle-positive">'+ 
      '<input type="checkbox" disabled="true" value="'+attrs.kmValue+'" ng-model="'+attrs.kmModel+'">'+ 
      '<div class="track">'+ 
      '<div class="handle"></div>'+ 
      '</div>'+ 
      '</label>'+ 
      '</ul>'+ 
      '</div>'+ 
      '</div>'+ 
      '</div></div>'; 
      element.replaceWith(htmlText); 
    } 
    } 
}) 

을 사용

<km-itoggle-radio km-model="a.c" km-value="d" km-left-title="Dhoni"></km-itoggle-radio> 
<km-itoggle-radio km-model="a.c" km-value="s" km-left-title="Kohli"></km-itoggle-radio> 

버튼을 다시 눌러 동일한 그룹의 다른 버튼을 누르지 않고 라디오 버튼을 켜기/끄기로 전환하는 방법을 알고 싶습니다.

Answer 1

ion-toggle 내장 기능을 사용하지 않으시겠습니까?

Ionic toggle Codepen Demo

 <ion-toggle ng-repeat="item in settingsList" 
       ng-model="item.checked" 
       ng-checked="item.checked"> 
      {{ item.text }} 
    </ion-toggle>