如何使用导航按钮执行除页面之间导航之外的操作

时间:2014-04-22 00:27:01

标签: javascript html angularjs hybrid-mobile-app

假设我使用Onsenui的应用程序有以下代码段:

<ons-navigator-toolbar title=""
    left-button-icon="fa fa-lg fa-edit"
    on-left-button-click="window.alert('asdf');"
    right-button-icon="fa fa-lg fa-plus"
    on-right-button-click="myAngularFunction();">
</ons-navigator-toolbar>

事件on-left-button-clickon-right-button-click的功能未被调用。只是在页面之间导航的功能(例如,ons.screen.presentPage('other_page.html'))。

这是一个已知的Onsenui限制,设计原则还是只是一个bug?有没有办法克服它?

1 个答案:

答案 0 :(得分:0)

它的AngularJS限制。

你不能在AngularJS之外调用函数。

您可以在控制器函数中包含window.alert函数。

此外,您需要将控制器设置在ons-navigator上方。

如果使用ons-navigator-toolbar,其范围不是页面而是导航范围。这是Onsen UI的当前限制,它将在下一版本中得到解决。