Question

我正在尝试使用NavParams将特定数据从一个页面传递到另一个页面，但我总是在控制台中获得undefined结果。我不知道这似乎是什么问题。这是我的代码：

order.ts（我希望获取数据的TS文件）

postOrder(ordernum) {

        let headers = new Headers();
        headers.append('Content-Type', 'application/json');

        let data=JSON.stringify({
                              mode_code: this.data2code,
                              order_totalpayment: this.dataquantity,
                              order_status: this.status
                            });

      this.http.post('http://<--My JSON API-->/xxx/api.php/ordered?transform=1',data,headers)
      .map(res => res.json())
      .subscribe(res => {
      console.log("Success Order No.: "+res);
      this.ordernum = res;

          let data2=JSON.stringify({
                                  order_no: this.ordernum,
                                  prod_id: this.dataid,
                                  order_subtotal: this.dataquantity
                                });

          this.http.post('http://xxxx/xxx/api.php/order_list?transform=1',data2,headers)
          .map(resp => resp.json())
          .subscribe(resp => {
          console.log("Order List No.: "+resp);

          this.nav.setRoot(ConfirmorderPage, { ordernum: ordernum });

          }, (err) => {
          this.showPopup("Oops!", "Something went wrong.");
          });

      }, (err) => {
      this.showPopup("Oops!", "Something went wrong.");
      });

  }

在代码中，我想要的是this.ordernum数据。因此，我使用此代码：postOrder(ordernum) this.nav.setRoot(ConfirmorderPage, { ordernum: ordernum });

order.html（HTML文件，我将数据传递到另一个页面）

<div">
    <div padding>

      <p>Your Order Number is {{ordernum}}</p>

    </div>
  </div>

  <div style="margin: 10px;">
    <button ion-button block color="orange" (click)="postOrder(ordernum)" >Place Order</button>
  </div>
  </div>

我想要的数据是ordernum，因此我将其放入点击功能(click)="postOrder(ordernum)"

confirmorder.ts（TS文件，我想从订单页面传递数据ordernum）

constructor(public navCtrl: NavController, public navParams: NavParams) {

  this.order = this.navParams.get('ordernum');
  console.log(this.order);

}

我使用this.navParams.get('ordernum')从订单页获取数据我将ordernum数据传递给this.order变量，但是当我尝试在控制台中显示它时，我得到了未定义的结果。我不知道我的代码有什么问题。希望你们能帮助我。提前谢谢。

Answer 1

this.nav.setRoot(ConfirmorderPage, { ordernum: ordernum }); 在您的对象中，键和值都是变量ordernum的值。您的密钥需要是一个字符串，因此请使用引号。

还可以使用this来确保指向正确的变量（您似乎有一个类变量以及名称为ordernum的参数？）。

执行：

this.nav.setRoot(ConfirmorderPage, { 'ordernum': this.ordernum });

Ionic中的NavParams 2

1 个答案: