如何使用温泉将值传递到另一个页面 UI

Question

你好，我是 onsenUI 和 angular js 的新手，我找到了一个函数 "pushpage" 用于导航到另一个页面，但是我两天以来一直在搜索如何将值传递到另一个页面，请帮我弄清楚这个，因为我在这浪费了 2 天..:( 我的代码是

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

Answer 1

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

Answer 2

您可以在 pushPage 调用的选项参数中传递一个值。像这样：

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.
});

如何使用温泉将值传递到另一个页面 UI

how to pass a value to another page using onsen UI

angularjs

onsen-ui