AngularJS $routeProvider 模板未显示在 ng-view 中

Question

这是我的文件夹结构：

public
--js
----controllers
------aController.js
------bController.js
----app.js
----router.js
--styles
----a.css
----b.css
--html
----a.html
----b.html
--index.html

在我的 index.html 文件中我有：

<body ng-app="myApp">
    <div ng-view></div>
</body>

在我的 router.js 文件中我有：

myApp.config(['$routeProvider',function($routeProvider) {
    $routeProvider
    .when('/a', {
        controller: 'aController',
        templateURL: 'html/a.html',
        css: 'styles/a.css'
    })
    .when('/b', {
        controller: 'bController',
        templateUrl: 'html/b.html',
        css: 'styles/b.css'
    })
    .otherwise({
        redirectTo: '/a'
    });
}]);

在a.html和b.html中，我只有一个div，里面有字母。即：

<p>a</p>

因此，当我加载页面时，我希望看到一个 "a"，但我看到的是空的 space。当我检查元素时，它显示 。我测试了我的路由，它似乎导航到正确的地址，但为什么我的模板没有显示/为什么我的 ng-view 被注释掉了？我尝试了从本地主机运行并在网络浏览器中打开它以达到相同的效果。

编辑：如果重要的话，我没有收到任何控制台错误，我在启动时看到的路径是：

.../appFolder/public/index.html#/a

Answer 1

myApp.config(['$routeProvider',function($routeProvider) {
    $routeProvider
    .when('/a', {
        controller: 'aController',
        templateURL: '/html/a.html',
        css: '/styles/a.css'
    })
    .when('/b', {
        controller: 'bController',
        templateUrl: '/html/b.html',
        css: '/styles/b.css'
    })
    .otherwise({
        redirectTo: '/a'
    });
}]);

您的 router.js 文件似乎在 js 文件夹中，因此您在路由中的路径无效。请检查上面代码段中的路径。

Answer 2

所以...我的路径很好。但是，我将templateURl中的"R"大写了...... routeprovider对象上也没有css 属性。愚蠢的错别字...谢谢大家的帮助！

AngularJS $routeProvider 模板未显示在 ng-view 中

AngularJS $routeProvider templates not showing up in ng-view

javascript

angularjs

route-provider

ng-view