如何使用 angularJS 在 IONIC 中设置选定的单选按钮

How to set selected radio button in IONIC using angularJS

本文关键字:单选按钮 设置 何使用 angularJS IONIC      更新时间:2023-12-29
<ion-list>
<ion-radio ng-model="choice" ng-value="'A'" ng-click='usedGNG("yes")'>Yes</ion-radio>
<ion-radio ng-model="choice" ng-value="'B'" ng-click='usedGNG("no")'>No</ion-radio>
</ion-list>

这是我创建的两个单选按钮...现在我想使用角度 js 脚本选择这个单选按钮之一......我已经用谷歌搜索过它但没有找到解决方案,或者我可能没有正确理解它......所以请有人帮帮我..感谢您的帮助...

只需在指令内或从控制器更新单选按钮的模型即可。

JS代码:

angular.module('ionicApp', ['ionic'])
   .controller('HomeCtrl', function($scope) {
      $scope.choice = 'Ember';
});

网页代码:

<div ng-app="ionicApp" ng-controller="HomeCtrl">
  <ion-list>
    <ion-radio ng-model="choice" ng-value="'Angular'">Angular</ion-radio>
    <ion-radio ng-model="choice" ng-value="'Ember'">Ember</ion-radio>
  </ion-list>
  <button class="button button-dark" ng-click="choice ='Angular'">
     Set Angular
  </button>
</div>

现场演示 @ JSFiddle