Question

我有一个使用路由提供程序的简单Angularjs应用程序。主页呈现正常（包括部分），但其他路径上的部分未呈现（索引页面加载正常，但对应于ngView的部分为空白）。这就是我所拥有的：

$ APP_HOME /公共/ Javascript角/ app.js

angular.module('myapp', ['ngRoute', 'ui.bootstrap', 'myapp.services'])
    .config([ '$routeProvider', function($routeProvider) {
            $routeProvider.
            when('/', {
                    templateUrl : 'partials/home.html',
                    controller : CarouselCtrl
            }).
            when('/add', {
                    templateUrl : 'partials/form.html',
                    controller : AddCtrl
            }).
            when('/about', {
                    templateUrl : 'partials/about.html',
                    controller : StaticCtrl
            }).
            when('/donate', {
                    templateUrl : 'partials/donate.html',
                    controller : PaymentCtrl
            }).
            otherwise({
                            redirectTo : '/'
                    });
            } ]);

主页中的示例链接：

<li><a href="#/about">About</a></li>

partials文件夹包含以下文件：

[root@localhost partials]# ls about.html donate.html form.html home.html

我在controllers.js文件中有StaticCtrl和PaymentCtrl的空白控制器。

function StaticCtrl($scope){
}

function PaymentCtrl($scope){
}

所有相关的js文件也包含在索引页面中。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>
    <script src="/javascripts/app.js"></script>
    <script src="/javascripts/services.js"></script>
    <script src="/javascripts/controllers.js"></script>

文件夹结构：

我使用node.js作为Web服务器。

APP_HOME

[root@localhost]# ls
app.js  node_modules  package.json  public  README.md  routes  views

公共：

[root@localhost public]# ls
css  images  javascripts  partials  stylesheets

Javascript角：

[root@localhost javascripts]# ls
app.js  controllers.js  services.js

最初，我认为这是导致问题的空白控制器，但它也不适用于非空控制器。不知道我错过了什么。请指教。

Answer 1

您正在将app.js放入

$APP_HOME/public/partials/app.js

并且相对偏向部分，因此您正在搜索

$APP_HOME/public/partials/partials

向上移动app.js级别或取出路径的部分部分

EDIT ----

你可以试试preppending＆＃39; /＆＃39;到模板路径？

Answer 2

我尝试跟踪我的GET请求，显然，部分内容正在加载，但内容隐藏在引导程序导航栏后面。我的主页有一个旋转木马控件，虽然其中一部分已隐藏在导航栏下，但它是可见的，但对于其他部分，它们是几行文本，根本不可见。

现在，我需要弄清楚为什么ngView藏在导航栏下，但我想这不在这个问题的范围内。

感谢大家，感谢您的时间和支持。

AngularJS - 除了/之外的路径没有加载部分

2 个答案: