Question

这是index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://code.jquery.com/jquery-1.11.2.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script>
    <script src="node_modules/oclazyload/dist/ocLazyLoad.js"></script>
    <script src="testApp.js"></script>

</head>
<body>
<h3>Lazy load succeded if you can see 'Hello world' below</h3>
<div id="example" ng-app="LazyLoadTest" ng-controller="TestController">
    <button ng-click="fun()">Start</button>
</div>
<script>
    angular.module("LazyLoadTest", ["oc.lazyLoad"])
        .controller("TestController", function($scope, $ocLazyLoad, $compile) {

            $scope.fun=function(MyService){
                $ocLazyLoad.load("testApp.js").then(function() { //loading a module
                    console.log('loaded!!'+$scope);
                    var el, elToAppend,elToAppend2;
                    elToAppend = $compile('<say-hello to="world"></say-hello>')($scope); //appending it to div
                    el = angular.element('#example');
                    console.log(el);
                    el.append(elToAppend)

                    //el.append(elToAppend2);

                }, function(e) {
                    console.log('errr');
                    console.error(e);
                })
            }
        });
</script>
</body>
</html>

上面的代码是在运行时加载的模块。能够加载指令但需要一些帮助才能加载服务。如何laxyload testApp.js中定义的服务？请帮我解决这个问题

延迟使用oclazyload加载服务

0 个答案: