Question

我有一个带有用户列表的离子选择，在此列表中，我有一个选项可以将我重定向到另一个页面：在我的列表中，我有一个项目在选择并重定向我时会像按钮一样工作，我只希望它像按钮一样工作并且不被选中，因此选择器保留列表的第一项选定

我的列表：

请问有办法解决吗？

  <ion-select interface="popover" [ngModel]="selecteduser._id" (ngModelChange)="selectUser($event)" (ionChange)="onChange($event)">
    <ion-option *ngFor="let user of users" [value]="user._id">
      </ion-content>{{ getUserNickname(user }} </ion-option>
    <ion-option>Go To Modal</ion-option>
  </ion-select>

所以我想当我单击“转到模态”时，它将重定向到我的模态。而不选择它。

有我的ts

  onChange(value: any) {
    if (value === 'Go To Modal') {
      this.openConfig()
    }
  }

  openConfig() {
    this.modalCtrl.create(configModal).present()
    console.log('heeey')
  }

  selectUser(userId: string) {
    this.selectedUser = this.users.find(b => b._id === userId)
    this.onSelect.emit(this.selectedUser)
  }

Answer 1

在您的html代码中：找到了额外的结束标记</ion-content>，并且您的Go To Modal选项应包含诸如<ion-option value="Go To Modal">Go To Modal</ion-option>之类的值，而您的其他选项则包含某些值

在选择时设置默认值

1 个答案: