【问题标题】:Why is ion-item click not working in ionic4 for ios?为什么 ion-item click 在 ionic4 for ios 中不起作用?
【发布时间】:2020-03-23 21:21:50
【问题描述】:

ion-item 可点击事件在 ios 中不起作用,但在 android 中运行良好。请帮助我,我在浪费时间,我在谷歌上搜索了很多,但找到了任何合适的答案。

  <ion-content >
   <div>       
    <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
    <ion-list  lines="full" >
      <ion-item class="bg-class" *ngFor="let project of filterData" (click)="onProjectClick(project.npProjCode);">
       <ion-icon name="arrow-dropright-circle" style="width: 14px;margin-right: 10px;color: #129bcc;"></ion-icon>
       <ion-label>{{project.npProjDescn}}</ion-label> 
       <ion-icon name="ios-arrow-forward" slot="end" style="color: lightgray;"></ion-icon>
      </ion-item>
    </ion-list>
   </div>
 </ion-content>

【问题讨论】:

  • 你能试试这样的ng-container吗keepnote.cc/share/culex-6143
  • 分享你的.ts代码onProjectClick
  • async onProjectClick(projectCode) { console.log("ProjectCode:= "+projectCode)}

标签: ios angular cordova ionic4 hybrid-mobile-app


【解决方案1】:

上次我遇到这个问题我是这样解决的,希望它对你有用

@ViewChild('searchbar', { static: true }) searchbar: IonSearchbar;

ngOnInit() {

this.sub = this.searchbar.ionInput
      .subscribe(q => this.getItems(q))
}

模板

<ion-searchbar #searchbar ></ion-searchbar>

【讨论】:

  • 搜索工作正常,问题是 ion-item click 在 ios 中不起作用。
【解决方案2】:

我有类似的问题,但在登录后。它在后台被调用。在 Android 上它可以正常工作,但在 iOS 上它根本不工作。

如果.ts中的问题不一样,请尝试调试

【讨论】:

    【解决方案3】:

    得到解决方案,它在 ios 和 android 中工作

    <ion-item button class="bg-class" *ngFor="let project of filterData" (click)="onProjectClick(project.npProjCode);">
    

    -

    ion-item[button] {
          pointer-events: initial !important;
      }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-06-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多