AngularJS ngRoute子视图未在父视图中加载ngRoute

Question

当我尝试用角度定制元素时，我做了不同的路线，它们都能工作。问题是一些自定义元素不会加载。

我有一个页面，它使用角路径处理不同的视图，如下所示：

angular.module("appRoutes", ["ngRoute"])

    .config(function($routeProvider, $locationProvider) {

            $routeProvider

                // Route for the home page
                .when("/", {
                    templateUrl  : "../views/home.html",
                    controller   : "homeController",
                    controllerAs : "home"
                })

                // Route for Credits
                .when("/credits", {
                    templateUrl  : "../views/credits.html",
                    controller   : "creditsController",
                    controllerAs : "credits"

                });

            $locationProvider.html5Mode(true);

    });

所有CSS和JS文件都在index.html文件中调用。文件开头的CSS，index.html文件末尾的JS。我尝试将JS导入移到文件的顶部，但是这并没有改变任何东西。

我尝试使用的定制元素是滑翔机革命和猫头鹰旋转木马。当我将home.html的内容直接放入index.html中时，一切都很完美。

但是，当我试图将home.html的内容保存在home.html中并使用我的视图加载内容时。革命滑翔机和猫头鹰旋转木马内部的元素将无法工作，图像无法加载，它们的“骨架”也不起作用。

此外，我尝试将CSS和JS文件导入放到home.html视图中，但这也不起作用。

我不知道怎么修理它。我想这是猫头鹰旋转木马和革命滑雪板的Javascript的某种问题，它无法与home.html内部的视图进行交互，因为CSS一般不处理任何问题。

感谢您抽出时间来阅读所有这些，任何帮助都是非常感谢的。

Answer 1

有一个非常类似的问题使用角度用户界面路由器。CSS应用很好，但JS什么也不做。无论我在哪里加载，都会在索引页或主页中丢失。ng视图/ui视图充当命名空间吗？这和DOM加载序列是我唯一能想到的会产生这种效果的东西。如果我在这里找到解决办法，我会发邮件

：：解决方案：：

所以我让它起作用了。您需要延迟加载您的第三方JS文件。看看这里贴出的答案(第一个)

Why ng-scope is added to javascript inline of my partial view and makes alert not working?

他们没有提到的唯一部分是要应用于视图的脚本需要添加到视图中：

<div ng-view>  
    <script type=text/javascript-lazy src="your/src/path"></script>
</div>

ngLazyLoad会将其从视图中删除，并在适当的时候将其添加到您的头脑中，从而影响加载到视图中的内容。