Question

我需要的是引导AngularJs并根据需要呈现指令。想象一下，有一个不应该耗费资源的启动页面（不应该在没有需要的情况下下载太多，即使底部的javascript也不好）。

<!DOCTYPE html>
<body>
    <button onclick="loadTheApp()">Launch app</button>
    <script>
        function loadTheApp() {
            // load Angular and other files in this manner:
            var el = document.createElement('script');
            el.src = '/js/app.js';
            document.body.appendChild(el);

            // TODO: bootstrap Angular and render directive   
        }
    </script>
</body>
</html>

Answer 1

我认为您可以使用此解决方案：

el.onload = function() {
  var element = document.body; // element which contains angular application   

  angular.bootstrap(element, ['myApp']);
}

假设app.js文件包含angular和application（构建版本），或者加载了角度，app.js文件包含应用程序myApp

延迟加载angularjs应用程序

1 个答案: