Question

你好我是onsenUI和angular js的新手，我发现了一个功能＆＃34; pushpage＆＃34;导航到另一个页面，但我已经搜索了两天如何将值传递到另一个页面，请帮助我找出这个，因为我浪费了2天... :(我的代码是

                      Content =
                              '<ons-button onclick=gallery.pushPage("dishes.html");>'
  +data['Details'][i]['varName'] +  data['Details'][i]['intGlCode'] +'<br>'+   
  '</ons-button>';
                  }

Answer 1

您可以在pushPage调用的options参数中传递值。像这样：

nav.pushPage('page.html', {value: 10});

然后您可以通过执行以下操作来检索该值：

console.log(nav.getCurrentPage().options.value);

从您的问题中不清楚您是否正在为您的应用使用AngularJS或其他框架。如果您使用的是AngularJS，则可以在推送页面的控制器中获取值。

你有一个模板或这样的页面：

<ons-template id="page.html">
  <ons-page ng-controller="PageController">
    ...
  </ons-page>
</ons-template>

在您的控制器中，您可以这样做：

module.controller('PageController', function($scope) {
  console.log($scope.nav.getCurrentPage().options);
});

如果您没有使用AngularJS，可以通过等待'pageinit'事件来获取值。我将以jQuery为例：

HTML：

<ons-page id="page">
  ...
</ons-page>

JavaScript的：

$(document).on('pageinit', '#page', function() { 
  // Do something.
});

Answer 2

您可以像在单页面应用程序中一样使用全局变量！

如何使用onsen UI将值传递给另一个页面

2 个答案: