鍍金池/ 問答/HTML/ 使用angular懶加載,加載css文件可以,但是js文件無效。

使用angular懶加載,加載css文件可以,但是js文件無效。

使用了通過路由懶加載css文件和js文件的方法,但是css樣式表可以成功加載,js文件則沒有加載進(jìn)去。
路由文件

.state('background', {
                url: '/background',
                templateUrl: 'html/background.html',
                //controller:"aaa as vm",
                resolve: {
                    loadMyctrl: ['$ocLazyLoad', function ($ocLazyLoad) {
                        return $ocLazyLoad.load(['js/scroll/scroll.js','css/background/background.css'])
                    }]
                }
            })

觸發(fā)事件

<div class="B-map" ng-controller="aaa">
    <img src="../image/background/map.png" alt="背景大圖" id="B-background">
    <button ng-click="alert()">click</button>
</div>

路由加載的js文件

angular.module("app").controller("aaa", function ($scope) {
    $scope.alert = function () {
        alert(123)
    }
}

點(diǎn)擊之后無法正常的跳出提示框

回答
編輯回答
帥到炸

emmmm,最終原因還是我自己沒有好好看官方API的鍋 - -。下面上結(jié)論
當(dāng)我們加載多個(gè)文件時(shí),是需要用中括號'["xxx.css","xxx.js"]'來將所有的加載文件包裹起來,作為一個(gè)數(shù)組傳入,這樣就可以了

2017年2月24日 01:22