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。

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

在你的page.ts中，你应该声明一个公共变量并且可以访问它。

console.log(this.selectedItems);

更多选择配置，直至离子文档 https://ionicframework.com/docs/api/components/select/Select/

从列表中的选择中选择值 - 离子

1 个答案: