javascript - ページの読み込みごとに実行する関数を定義する

Question

PhoneGap でソングブック (和音付き) を作成しています。各曲は別々のファイルに保存され、インデックスはファイルの 1 つに保持されます。

私が必要としているのは、ページがプッシュされるたびに 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 コントローラーはこれを解決します。例えば、

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