ionic3 ion-select下拉列表

最新推荐文章于 2023-11-23 14:34:01 发布

向右看齐--

最新推荐文章于 2023-11-23 14:34:01 发布

阅读量1.5w

点赞数 2

分类专栏： Ionic

本文链接：https://blog.csdn.net/weixin_39461487/article/details/79263228

版权

Ionic 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

HTML：

<ion-list >
  <ion-item>
    <ion-label stacked>问题类型</ion-label>
    <ion-select [(ngModel)]="typeTxt" (ngModelChange)="switchType()"  interface="popover" style="height:45px;" placeholder="请选择">
      <ion-option value="0">请选择</ion-option>
      <div *ngFor="let typeData of typeDataArr">
        <ion-option value="{{typeData?.id}}">{{typeData?.type}}</ion-option>
      </div>
    </ion-select>
  </ion-item>
</ion-list>

ts:

public typeTxt:any;
constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
) {}

/*选择select的value*/
switchType() {
  console.log(this.typeTxt);
}