リスト内の選択から値を選択する - イオン

Question

タイトルにはすべてが表示されます。私はIonicで比較的シンプルなハイブリッドアプリケーションをやる必要があり、ボタンを押したときにいくつかのイオン選択で選択された値を取得したい。ここでは、コード行く：

page.html

<ion-content padding> 

    <div id="sectionTitle"> </div> 
    <ion-list> 
    <ion-item *ngFor="let question of questions" (click)="itemSelected(question)"> 
     <ion-label>{{question.texto}} </ion-label> 
     <ion-select> 
     <option ng-selected="selected">{{answers[0].texto}}</option> 
     <ion-option text-wrap required *ngFor="let answer of answers; let i = index" onchange="itemSelected(answer)"> 
      <p> {{answer.text}} </p> 
     </ion-option> 
     </ion-select> 
    </ion-item> 
    </ion-list> 

    <div class="sendButton"> 
    <button ion-button full type="submit" (click)="toComparisonPage()"> 
    Send 
<!-- Here is where data must be retrieved --> 
    </button> 
    </div> 
</ion-content> 

page.ts事前に

itemSelected(answer){ 
    console.log("Selected item: "); 
} 

おかげで!!

Answer 1

あなたのタグにngModelを指定します。あなたはその後、パブリック変数を宣言している必要があり、これにアクセスすることができ、あなたのpage.tsで

<ion-select [(ngModel)]="selectedItems"> 

。前回の試行のための

console.log(this.selectedItems);

イオンドキュメントまでより選択設定ヘッド用

https://ionicframework.com/docs/api/components/select/Select/