【问题标题】:ionic 4 url segment undefined uncaught in promiseionic 4 url​​ 段未定义未在承诺中捕获
【发布时间】:2019-11-18 17:07:20
【问题描述】:

当我在真实设备上安装应用程序并打开它时,它不会显示任何来自后端的数据。当我调试它时,它会显示一个错误,如下所述。但是当我使用 ionic cordova run 浏览器运行它时,它运行得很好。

【问题讨论】:

    标签: ionic-framework ionic4


    【解决方案1】:

    我已经找到了解决办法。

    参考网址:

    Error: Cannot match any routes. URL Segment: 'null' in Ionic Angular App

    由于我的消毒剂 (iframe),我遇到了问题

    【讨论】:

      【解决方案2】:

      当您通过 URL 将数据从一个组件传递到另一个组件时,请确保数据已编码。在某些情况下,来自后端的数据将是不同符号的集合,例如斜线等。例如:如果数据来自后端,格式为“abc/ss/sd/”,并且当您通过 URL 传递数据而不进行编码时,则斜杠后面的部分将被视为单独的 URL。我更喜欢使用 EncodeURI 来避免这种情况,以便数据将编码为单独的格式。

      让我放一些示例代码

      home.component.ts

       const PassData = {service_name: "Car wash", service_id: 2};
        this.goToPage('/component2/' + encodeURIComponent(JSON.stringify(PassData)));
      

      otp.components.ts

       const Data =  decodeURIComponent((this.route.snapshot.paramMap.get('id')));
          this.getData = JSON.parse(Data);
      

      app.route.module.ts 文件

      {
          path: 'otp/:id',
          loadChildren: './otp/otp.module#OtpPageModule'
        }
      

      【讨论】:

        猜你喜欢
        • 2019-01-16
        • 2014-06-05
        • 2018-03-12
        • 2020-02-29
        • 2021-11-08
        • 2019-10-08
        • 2017-11-24
        • 2019-07-28
        • 1970-01-01
        相关资源
        最近更新 更多