Javascript 渲染完成后运行js脚本_Javascript_Html_Angularjs

Javascript 渲染完成后运行js脚本

javascript html angularjs

Javascript 渲染完成后运行js脚本,javascript,html,angularjs,Javascript,Html,Angularjs,嗨，我被困在运行js脚本完成渲染后。我从中克隆了代码我需要它在html渲染后运行，因为它需要header元素，但因为我正在开发angularJs应用程序，所以渲染需要一些时间，所以我的脚本会更早渲染，并给出错误信息。所以我有办法让它等待我已经尝试过使用自定义指令，使用ng斗篷，将我的js放入window.onload。我尝试过许多解决方案，但没有一个对我有效这是我的索引。html: <html lang="en" ng-app="pliro" ng-cloak="">

嗨，我被困在运行js脚本完成渲染后。我从中克隆了代码

我需要它在html渲染后运行，因为它需要header元素，但因为我正在开发angularJs应用程序，所以渲染需要一些时间，所以我的脚本会更早渲染，并给出错误信息。所以我有办法让它等待

我已经尝试过使用自定义指令，使用ng斗篷，将我的js放入window.onload。我尝试过许多解决方案，但没有一个对我有效

这是我的索引。html:

<html lang="en" ng-app="pliro" ng-cloak="">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.2/angular-animate.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css
    </head>
    <body id="page-top" class="index">
        <script src="scripts/main/main.js"></script>
        <script src="scripts/main/main-controller.js"></script>
        <script src="scripts/header/header-controller.js"></script>
        <script src="scripts/footer/footer-controller.js"></script>
        </script>
        <div ng-include="'scripts/header/header.html'"></div>
        <div ui-view></div>
        <div ng-include="'scripts/footer/footer.html'"></div>
    </body>

    <script ng-src="js/classie.js"></script>
    <script ng-src="js/cbpAnimatedHeader.js"></script>
</html>


这两个js小于100行。
我建议您将其重新写入指令或服务。他们不会为你花费超过一天的时间
或
在主体的末尾加载所有js。如果“header.html”已加载，则使用循环检查添加
，然后本机加载其他js。我相信这比上述选项要复杂得多。
如果您包含一些与此问题相关的个人代码，将对我们有所帮助。不仅是github repoI，我还更新了我的问题。仅供参考，您的示例HTML中存在一些标记问题、缺少标记、额外标记等。