使用了通过路由懒加载css文件和js文件的方法,但是css样式表可以成功加载,js文件则没有加载进去。
路由文件
.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'])
}]
}
})
触发事件
<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)
}
}
点击之后无法正常的跳出提示框
相关分类