2016-07-10 26 views
0

Ich habe mein IONIC2-Projekt von Beta 7 auf Beta 10 aktualisiert; In Beta 7 funktionierte der folgende Code perfekt; Nach dem Update funktionierte es jedoch nicht mehr.Ionic2 - Ion-Radio kann nicht ausgewählt/nicht ausgewählt werden

Das erwartete Verhalten (arbeitete an Beta 7):

Wenn der Benutzer klickt nur auf ein Optionsfeld, sollte geprüft werden.

Das aktuelle Verhalten:

Wenn der Benutzer klickt auf eine beliebige Stelle auf dem Bildschirm das Optionsfeld aktiviert ist.

Ich denke, das Problem ist irgendwie mit dieser Codezeile verbunden, die, wenn ich entfernt und versucht, irgendwo auf dem Bildschirm zu klicken, nichts überprüft wird, was völlig normal ist, deshalb denke ich, dass es ein Fehler ist 10 Beta:

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

Unten ist der nicht-funktionierenden Code (die auf Beta 7 arbeiten):

<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> 

Ihre Systeminformationen:

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 

Antwort

0

Sie verpassen eine Schließung </ion-list>. Here können Sie einen funktionierenden Plünderer sehen (mit [email protected]), mit dem gleichen Code wie Ihre Frage, aber hinzufügen, dass schließend </ion-list> Tag.

Verwandte Themen