Javascript 如何从angular.js中的非标准目录加载分区？_Javascript_Angularjs

Javascript 如何从angular.js中的非标准目录加载分区？

javascript angularjs

Javascript 如何从angular.js中的非标准目录加载分区？,javascript,angularjs,Javascript,Angularjs,我将angular应用程序设置为Symfony应用程序中的捆绑包。由于此限制，angular应用程序的目录结构不同。所有公共资源都被符号链接到静态目录，包括分区。我让应用程序加载，控制器启动，但没有为其特定控制器加载任何部分。我把它作为一个独立的应用程序使用（在Symfony之外），所以我一定是缺少了一些新配置 index.html.twig: 注意：javascript文件加载很好-这是正确的资产路径 <body ng-controller="MainController">

我将angular应用程序设置为Symfony应用程序中的捆绑包。由于此限制，angular应用程序的目录结构不同。所有公共资源都被符号链接到静态目录，包括分区。我让应用程序加载，控制器启动，但没有为其特定控制器加载任何部分。我把它作为一个独立的应用程序使用（在Symfony之外），所以我一定是缺少了一些新配置

index.html.twig:
注意：javascript文件加载很好-这是正确的资产路径

<body ng-controller="MainController">

    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#/">Home</a></li>
                <li><a href="#/groups">Groups</a></li>
            </ul>
        </div>
    </nav>

    <div ng-view=""></div>
                                                                                                                                                                                                                <div ng-view></div>                                                                                                                                                                                                                                                                                                                                                                                                     <!--[if lt IE 7]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>

    <script src="bundles/translations/webadmin/app/js/ngroute.js"></script>
    <script src="bundles/translations/webadmin/app/js/app.js"></script>
    <script src="bundles/translations/webadmin/app/js/services.js"></script>
    <script src="bundles/translations/webadmin/app/js/controllers.js"></script>
    <script src="bundles/translations/webadmin/app/js/filters.js"></script>
    <script src="bundles/translations/webadmin/app/js/directives.js"></script>

</body>

controllers.js
注意：警报发出的很好，但是部分不会加载

angular.module('myApp.controllers', [])

.controller('MainController', ['$scope', function($scope) {
    alert('here?');
}])

.controller('HomeController', ['$scope', function($scope) {
    alert('here2');
}])

.controller('GroupsController', ['$scope', function($scope) {
    // TODO see below
}]);

控制台输出：

Consider using 'dppx' units, as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) translations:1
Blink is considering rejecting non spec-compliant cross-origin web font requests: https://d3nkxvtkt5c8vi.cloudfront.net/0.4.2/fonts/proxima_nova_light_0.woff. Please use Access-Control-Allow-Origin to make these requests spec-compliant.

你知道我在这里遗漏了什么吗？任何帮助都将不胜感激。

看起来您遇到的问题是索引标记中缺少

ng视图
<div ng-view=""></div>



如果没有此元素，控制器将加载，但没有插入视图模板的位置
您可以阅读更多关于它的信息
您的模板有哪些错误？还可以尝试将/前置到templateUrl路径。@MattWay我尝试将/前置到templateUrl路径-运气不好。控制台中没有JS错误。好的，您的控制台输出可以推断模板正在正确加载但没有显示，或者甚至根本没有尝试加载。我现在唯一能帮助你的方法是，如果你将整个应用程序的一个小版本放在一起，我就可以在本地运行它，因为路由问题很难用小提琴之类的东西来诊断。你能在尝试加载页面时列出控制台的输出吗？我在描述中添加了控制台输出
<div ng-view=""></div>