离子/角度检索列表中的选定电台

Question

我正在使用Ionic，并且在检索所选的单选按钮时遇到了困难。

以下是我的HTML

<div class="list">
  <label class="item item-radio">
    <input type="radio" name="group" ng-model="answer">
      <div class="item-content">
        Canada
      </div>
    <i class="radio-icon ion-checkmark"></i>
  </label>
  <label class="item item-radio">
    <input type="radio" name="group" ng-model="answer">
      <div class="item-content">
        Africa
      </div>
    <i class="radio-icon ion-checkmark"></i>
  </label>
  <label class="item item-radio">
    <input type="radio" name="group" ng-model="answer">
      <div class="item-content">
        North America
      </div>
    <i class="radio-icon ion-checkmark"></i>
  </label>
</div>

关于如何解决该问题的任何建议？ 选择答案后，是否可以通过$ scope访问模型对象？

Answer 1

您的单选按钮没有任何值属性。 为您的单选按钮设置一个值，您可以使用$scope.answer访问该值

 <!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="https://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet"> <script src="https://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script> </head> <body ng-app="app"> <ion-pane> <ion-header-bar class="bar-stable"> <h1 class="title">Awesome App</h1> </ion-header-bar> <ion-content class="padding"> Selected Answer {{answer}} <div class="list"> <label class="item item-radio"> <input type="radio" name="group" ng-model="answer" value="Canada"> <div class="item-content"> Canada </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" ng-model="answer" value="Africa"> <div class="item-content"> Africa </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" ng-model="answer" value="North America"> <div class="item-content"> North America </div> <i class="radio-icon ion-checkmark"></i> </label> </div> </ion-content> </ion-pane> </body> </html>