定义要在每个页面加载上运行的函数

Question

我正在使用PhoneGap制作一本歌曲（带和弦）。每首歌都存储在单独的文件中，索引保存在其中一个文件中。

我需要的是每次推送页面时都能运行一些Javascript函数。含义：

在index.html我有：

<li class="…" ng-click="ons.navigator.pushPage('page.html')">
<span class="topcoat-list__item__line-height">Some song</span>
</li> 

当推送page.html时，我应该在哪里运行Javascript函数？

Answer 1

AngularJS Controller可解决此问题。例如，

<div ng-controller="MyCtrl">
  <div ng-click="pushPage('page2.html')"><span>Some song</span></div>
</div>

和app.js

app = angular.module('myApp', ['onsen.directives']);

app.controller('MyCtrl',function($scope,$rootScope) { 

    $scope.pushPage = function(pagename) {
        /* call some function */
        alert("OK");
        /* call some function end */

        $rootScope.ons.navigator.pushPage(pagename);
    }    
} );