チェックを外しラジオボタンアンギュラUI-ブートストラップ

-2

$scope.DownloadedUncheck = function (event) { 
    if (event.target.value === lastChecked) { 
     delete $scope.$parent.selectedDownloaded 
     lastChecked = null 
    } else { 
     lastChecked = event.target.value 
     delete $scope.$parent.selectedDownloading 
    } 
};

ここに私のplunkerです：http://plnkr.co/edit/g1t4pludTTIAJYKTToCK?p=preview

私はそれをクリックした後、ラジオボタンをオフにwan't。私のコードは通常の無線では動作しますが、ui.bootstrapでは動作しません。あらかじめasnwersに感謝します！

出典

2017-08-11 bafix2203

作るuib-btn-radioの属性、です。親切にそれを修正して、おそらく私は問題がどこにあるかについてより良いアイデアを得るでしょう。 –

プランナーは変更されていますが、まだラジオボタンはありません。 –

なぜこのためにラジオボタンが必要ですか？ 2つの状態を切り替えるだけでよい場合は、チェックボックスを使用しないでください。あなたがクリックすると –

私は、これは何が必要だと思い：

HTML：

<body ng-controller="FirstCtrl"> 

    <label class="btn btn-default" uib-btn-radio="'True'" ng-model="$parent.selectedDownloaded" uncheckable>Downloaded 
     </label> 
    <br /> 
    <label class="btn btn-default" uib-btn-radio="'False'" ng-model="$parent.selectedDownloaded" uncheckable>To Download 
     </label> 

    <table class="table table-striped table-bordered table-hover"> 
     <thead> 
      <tr> 
       <th>#</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="name in name | filter:{Download:selectedDownloaded}"> 
       <td>{{name.Download}}</td> 
      </tr> 
     </tbody> 
    </table> 
</body>

変更：

あなたはクリックでメソッドをバインドする必要はありません。
bootstrap-tpls libをバージョン2.5.0にアップグレードしてください。
ブートストラップラジオボタンには適切な要素名を使用してください。これuib-btn-radio
使用plunkerであなたのコードは、任意のチェックボックスが表示されないというラジオボタン未チェックでき

updated plnkr here

出典

2017-08-11 09:40:39

チェックを外しラジオボタンアンギュラUI-ブートストラップ

答えて

関連する問題