javascript - 在 Angular1 中使用 $routeProvider 时如何正确跨页面加载 javascript

Question

目前，我使用 Angular 的 $routeProvider 和 $locationProvider 来浏览 SPA。我不清楚如何使用 Controller 跨页面实现 javascript。一旦我切换页面，javascript Controller 就不会被执行。我在下面发布了一个例子。我的脚本是从 mainScript.js 调用的

app.config(['$routeProvider', '$locationProvider', function ($routeProvider, 
$locationProvider) {
    $locationProvider.html5Mode(true);
    $routeProvider.when("/", {
            templateUrl: "partials/home.html"
            , controller: "PageCtrl"
        })
        // Pages
        .when("/pricing", {
            templateUrl: "partials/pricing.html"
            , controller: "PageCtrl"
        })
        .otherwise("/404", {
            templateUrl: "partials/404.html"
            , controller: "PageCtrl"
        });
  }]);

 app.controller('PageCtrl', function ( $scope ) {

 $scope.menuCtrl = function(){
        //execute code across pages
    }
    $scope.menuCtrl();

});
}());

Answer 1

您可以使用oclazyload。首先在您的应用程序中注入(inject)oc.lazyload，然后:

 app.config(['$routeProvider', '$locationProvider', function ($routeProvider, 
    $locationProvider) {
        $locationProvider.html5Mode(true);
        $routeProvider.when("/", {
                templateUrl: "partials/home.html"
                , controller: "PageCtrl",
                  resolve:{
                loadFiles: [
                            "$ocLazyLoad", function ($ocLazyLoad) {
                                return $ocLazyLoad.load([
                                    "mainScript.js",

                                ]);
                            }
                        ]
                      }
            })