2016-07-10 14 views
0

私のIONIC2プロジェクトをベータ7からベータ10にアップデートしました。ベータ7では、以下のコードは完全に動作していました。ただし、更新後は動作を停止しました。Ionic2 - イオンラジオを選択/選択解除できません

予想される動作(ベータ7に取り組んでいた):

ユーザーが唯一のラジオボタンをクリックすると、それをチェックする必要があります。

現在の行動:

ユーザがラジオボタンがチェックされている画面上の任意の場所をクリックします。

このコード行に何らかの形で関連していると思いますが、画面上の任意の場所をクリックして削除しようとすると、何もチェックされませんでした。これは完全に正常なので、関連するバグですベータ10:お使いのシステム情報

<ion-header> 
    <ion-navbar> 
     <ion-title>CHECKOUT</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding class="checkout"> 
    <div class="listTitle">PLEASE CHOOSE ONE OF THE BELOW OPTIONS</div> 
    <ion-list radio-group [(ngModel)]="content"> 
     <ion-item *ngIf="(option1)" class="listItems"> 
      <ion-label>{{option1}}</ion-label> 
      <ion-radio checked="false" value="option1"></ion-radio> 
     </ion-item> 

    <div class="spacing"></div> 
</ion-content> 

<ion-footer class="orderNowFooter"> 
    <button class="orderButton" [disabled]="!content"> 
     <div class="centeredWhiteText">ORDER NOW</div> 
    </button> 
</ion-footer> 

以下
<ion-radio checked="false" value="option1"></ion-radio> 

は(ベータ7に取り組んでいた)非稼働コードである

Cordova CLI: Not installed 
Ionic Framework Version: 2.0.0-beta.10 
Ionic CLI Version: 2.0.0-beta.32 
Ionic App Lib Version: 2.0.0-beta.18 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: Mac OS X El Capitan 
Node Version: v5.9.0 
Xcode version: Xcode 7.3.1 Build version 7D1014 

答えて

0

閉じる</ion-list>がありません。 Hereあなたは質問と同じコードを使って([email protected]を使用して)働くプランカーを見ることができますが、その最後には</ion-list>というタグが付いています。

関連する問題