ボイスオーバースクリーンリーダー用のイオンラジオボタンを実装する適切な方法は何ですか？

Question

私はナレーション有効にせずに動作する次のラジオボタンリストがあります。

<ion-list> 
    <label class="item item-radio" 
      ng-repeat="type in someCtrl.types" 
      aria-label="{{type.label}}" 
      id="{{type.value}}"> 
     <input type="radio" 
       role="radio" 
       ng-model="someCtrl.data.type" 
       ng-value="type.value" 
       aria-labelledby="{{type.value}}"> 
     <div class="radio-content"> 
      <div class="item-content">{{type.label}}</div> 
     <i class="radio-icon ion-checkmark"></i> 
     </div> 
    </label> 
</ion-list> 

私はナレーションを有効にして、リストから項目を選択すると、項目がチェックマークを受信しますが、モデルが変更されないと、デフォルトの選択した項目にはチェックマークが残っています。ユーザーがリストからアイテムを選択し続けると、チェックマークが表示されますが、データモデルは変更されず、すべてのチェックマークが保持されます。ボイスオーバーで動作するイオンラジオリストを誰かが運営していましたか？

Answer 1

ステップ1：

$scope.audio_types = [ 
    {name: $translate.instant("Morning"), value : 'Morning'}, 
    {name: $translate.instant("Afternoon"), value : 'Afternoon'}, 
    {name: $translate.instant("Evening"), value : 'Evening'} 
    ]; 

ステップ2：あなたはとても空のプロパティ
でオブジェクトを初期化NG-モデルを使用しているコントローラではまず、あなたが例について
を選択しようとしている項目のリストを初期化します例については

：$scope.profile = {};

ステップ3：あなたはとてもプロパティ天気をチェックする方法を宣言した項目のプロパティを選択するラジオボタンを使用している変更したり、されていません

$scope.roundCountChange = function(){ 
console.log($scope.profile.dropdown); 
} 

ステップ4：あなたのHTMLページの最後のステップは、これらのコード

<label class="item"> "select" <br/> 
    <label ng-repeat="item in audio_types"> 
    <input type="radio" ng-model="profile.dropdown" ng-value="item.value" ng-change="roundCountChange()"/> item.name 
    </label> 
</label> 

を追加します