Question

我使用Angular创建了单页面应用程序。我的应用程序的导航面板将不同的视图（html）加载到我的主要父html中。我的父导航标签就是这样的。

示例代码段

<html>
<head>
//I have loaded nessasary js and css files here
</head>
<body ng-app="myApp">
     <ul>
        <li><a href="#Home">Home</a></li>
        <li><a href="#About">About</a></li>
     </ul>
<div id="main"  >

       <!-- Load html templates here -->
        <div ng-view>

        </div>
        </div>

//Those files doesn't load in my template files
        <script src="libs/typeahead/dist/typeahead.bundle.js"></script>
        <script src="libs/tokenfield/dist/bootstrap-tokenfield.js"></script>
</body>
</html>

示例about.html

<div>
    <div ng-controller="myCtrl">
    //My content here
    </div>
</div>

当关于nav选项卡点击它时将about.html加载到ng-view.My路由工作正常。但问题是.i有一些hs文件，这两个html文件共同。（home和about html） .so我将about.html文件和其他模板文件加载到父html函数中的ng-view js文件后，将这些公共文件放在父html中，然后返回到另一个视图加载的js文件也丢失但是当页面刷新时它们运行良好。

请让我知道如何在模板文件中加载父Js文件。

不在ng-view中加载父Js文件AngularJs

0 个答案: