Javascript 角度spa中的布线不起作用

Javascript 角度spa中的布线不起作用,javascript,angularjs,angularjs-routing,Javascript,Angularjs,Angularjs Routing,我正在尝试角度布线,但它不起作用,而且控制台中也没有任何错误。有人能告诉我我做错了什么吗 ****app.js**** var routingApp = angular.module('routingApp', ['ngRoute']); routingApp.config(function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/views/home.html', cont

我正在尝试角度布线,但它不起作用,而且控制台中也没有任何错误。有人能告诉我我做错了什么吗

****app.js****

var routingApp = angular.module('routingApp', ['ngRoute']);
routingApp.config(function ($routeProvider)
{
    $routeProvider.when('/', {
        templateUrl: '/views/home.html',
        controller: 'mainController'
    })
    .when('/about', {
        templateUrl: '/views/about.html',
        controller: 'aboutController'
    })
    .when('/contact', {
        templateUrl: '/views/contact.html',
        controller: 'contactController'
    });
});
主控制器

routingApp.controller('mainController', function ($scope)
{
    $scope.message = 'Hey its home page';
}
)
routingApp.controller('aboutController', function ($scope)
{
    $scope.message = 'this app is about routing';
});
)

关于控制器

routingApp.controller('mainController', function ($scope)
{
    $scope.message = 'Hey its home page';
}
)
routingApp.controller('aboutController', function ($scope)
{
    $scope.message = 'this app is about routing';
});
index.html

**


角JS路由
**
请检查您的
href

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

  • 缺少指令
    ng app
    ,请添加
    ng app=“routingApp”


    请同时改进链接co联系人页面,而不是
    #/contact
    ,请使用
    #/contact

    我的部分视图是内部视图文件夹。如何重定向这些。我尝试了这些,但不起作用。Index.html是外部视图文件夹