【问题标题】:Same Data if Close Modal in Ionic/Angular如果在 Ionic/Angular 中关闭模态,则数据相同
【发布时间】:2018-09-10 19:35:18
【问题描述】:

我有这个过滤器模式,我可以在其中选择一个国家来显示。现在,当我已经有一个选定的国家/地区时,我打开模式并关闭它而不进行新的选择,我仍然希望仅显示先前选择的特定国家。现在,所有项目都显示在这种情况下。我该如何解决这个问题?

modal.ts

closeModal(data) {
    this.viewCtrl.dismiss(data?data:null);
  }

国家.ts

myModal.onDidDismiss(data => {

          let selectedCountry = data;
          console.log(selectedCountry)
          if(selectedCountry === null || selectedCountry === 'all'){
            return this.modifiedItems = this.items
          }

          else {
            this.modifiedItems = this.items.filter((data) => {
              return data.location === selectedCountry
            })
          }
        });

        myModal.present();

【问题讨论】:

  • 选择国家后控制台日志显示什么?并且您在相似的范围内使用了两次变量名数据,这可能是模棱两可的,因此会产生问题
  • @TomG。选择特定国家后,会调用 onDismiss。如果我不选择特定国家而只是关闭模式,也会调用 onDismiss。这就是发生这种情况的原因。

标签: angular ionic-framework ionic2 ionic3 ionic-view


【解决方案1】:

当未选择任何内容时,您的数据是等于 null 还是等于所有国家/地区? 无论如何,我认为您应该在未选择任何内容时使用 null 解除您的模态。然后,在您的onDidDismiss 中检查数据是否不为空,然后再执行其余操作。 您可能还需要将selectedCountry 设为全局。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-12
    • 2020-03-23
    • 2020-07-08
    • 2019-11-05
    • 2018-08-23
    • 1970-01-01
    相关资源
    最近更新 更多