Angular ngRoute не работает?

Я пытаюсь настроить базовое угловое приложение.

мой основной html:

<html ng-app="CostumerApp">
<head>
    <title> Costumers </title>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"/>
</head>

<body>
    <div class="container">
        <div class="page-header">
            <h1>Costumer manager</h1>
        </div>

        <div class="row">
            <div class="col-sm-12" ng-view></div>
        </div>
    </div>

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="js/app.js"></script>
<script src="controllers/costumerCtrl.js"></script>


</body>

app js 

angular.module('CostumerApp', ['ngRoute'])
    .config(function ($routeProvider, $locationProvider){
        $routeProvider
            .when('/costumers', {
                controller: 'costumerCtrl',
                templateUrl: 'views/list.html'
            });

       $locationProvider.html5Mode(true);

    });

костюмерCtrl.js:

angular.module('CostumerApp')
    .controller('costumerCtrl', function ($scope){
       $scope.costumers = [];
    });

список html:

<table class='table table-hover table-hover table-bordered'>

routing is not working, now its not finding "http://localhost:3000/costumers" and when i just do http://localhost:3000 its taking me to the project folder instead to my main html.

Я использую node http-server и начинаю так: http-server -p 3000 -a localhost . почему мой локальный хост: 3000 не показывает главную страницу??

Спасибо !


javascript angularjs ngroute
person Elad Noti    schedule 14.01.2015    source источник
comment
Разве контроллер не должен быть «costumerCtrl» вместо «listCtrl»?   -  person Steve Dignan    schedule 14.01.2015

Ответы (2)


arrow_upward
1
arrow_downward

Вы написали $routProvider, это $routeProvider.

person NMO    schedule 14.01.2015
comment
извините, это не проблема - person Elad Noti; 14.01.2015
comment
Попробуйте ввести localhost:3000/main/#/costumers - person NMO; 14.01.2015
comment
извините за ошибку, это должно быть: localhost: 3000/costumers - person Elad Noti; 14.01.2015

arrow_upward
1
arrow_downward

Поскольку в вашем app.js для параметра html5Mode задано значение true, вам необходимо включить его в файл main.html:

<head>
   <base href="/">
...
</head>

Таким образом, html5Mode будет работать, и вы сможете получить доступ без # в URL-адресе.

person Atoyansk    schedule 06.10.2017