angularjs - ngRoute не работает должным образом

ngRoute ранее работал нормально и перестает работать, теперь добавлено несколько файлов и контроллеров. в браузере я получаю URL в http://localhost/#browsefp вместо http://localhost/#/browsefpangularjs - ngRoute не работает должным образом

ниже мой код, пожалуйста, помогите. Изучите AngularJS и продолжайте получать странные проблемы. В JS-консоли отсутствуют ошибки.

app.js

var app = angular.module('DevStreamApp', ['ngRoute']); 

app.config(function($routeProvider){ 
$routeProvider 
    .when('/', {templateUrl : 'views/main.html', controller : 'mainController' }) 
    .when('/addnew', {templateUrl : 'views/addnew.html', controller : 'homeController', css : 'css/screen.css'}) 
    .when('/addnewfp', {templateUrl : 'views/addnewfeeprogram.html', controller : 'homeController', css : 'css/screen.css'}) 
    .when('/addnewcm', {templateUrl : 'views/addnewcustomermapping.html', controller : 'aboutController', css : 'css/screen.css'}) 
.when('/browsefp', {templateUrl : 'views/browseprogram.html', controller : 'browseprogramController', css : 'css/screen.css'}) 
.otherwise({ redirectTo : '/' }) 
});

index.html

<!doctype html> 
<!-- define angular app --> 
<html ng-app="DevStreamApp"> 
<head> 
<titleFee </title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<style type="text/css" media="screen"> 
    @import url("/css/screen.css"); 
    @import url("/js/yui/container.css"); 
</style> 

<!-- load angular and angular route via CDN --> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js">  </script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> 
    <script src="js/app.js"></script> 
</head> 
<body> 
<hr noshade/> 
<!-- MAIN CONTENT AND INJECTED VIEWS --> 
    <div id="main"> 
     <!-- angular templating --> 
     <!-- this is where content will be injected --> 
     <a href="#addnew">Add new </a><br/> 
     <a href="#addnewfp">Add new Fee Program</a><br/> 
     <a href="#addnewcm">Add new Customer mapping</a><br/> 
     <a href="#browsefp">Browse Fee Program</a> 
     <div ng-view></div> 
    </div> 
</body> 
<script src="js/app.js"></script> 
<script src="js/controllers/mainController.js"></script> 
<script src="js/controllers/homeController.js"></script> 
<script src="js/controllers/aboutController.js"></script> 
<script src="js/controllers/contactController.js"></script> 
<script src="js/controllers/browseprogramController.js"></script> 
</html>

mainController.js

//create the controller module 
angular.module('DevStreamApp').controller('mainController', function($scope) { 

// create a message to display in our view 
$scope.message = 'Everyone come in Main Controller!'; 
});

источник

2015-12-28 user5636236

и он не работает? –

Как раз в сторону я бы рекомендовал [ui-router] (https://github.com/angular-ui/ui-router). Он гораздо более прочный и не сложнее использовать, чем из-за угла угловой маршрутизатор – Malkus

Удалите # из HREF, как вы можете видеть в doc они настроить его следующим образом:

<a href="Book/Moby">Moby</a> 

.when('/Book/:bookId', { 
     .... 
});

так что в вашем случае это будет:

<a href="addnew">Add new </a><br/> 
    <a href="addnewfp">Add new Fee Program</a><br/> 
    <a href="addnewcm">Add new Customer mapping</a><br/> 
    <a href="browsefp">Browse Fee Program</a>

источник

2015-12-28 16:40:21 Vanojx1

По-прежнему не получается получить ошибку, поскольку – user5636236

опубликует сообщение, которое вы получили в журнале консоли – Vanojx1

По умолчанию AngularJS воли URL-маршрут с хэштегом, но вы можете удалить его с $ locationProvider.

Вы будете использовать модуль $ locationProvider и установите для html5Mode значение true.

var app = angular.module('DevStreamApp', ['ngRoute']); 

app.config(function($routeProvider, $locationProvider){ 
    $locationProvider.html5Mode(true); 

    ... your code ...

И в вашем index.html ссылка должна быть

<a href="addnew">Add new </a><br/>

источник

2015-12-28 16:59:26

любая идея, почему он не работает хэштег? У меня нет $ locationProvider в моем app.js – user5636236

Он работал правильно, пока я не добавил больше файлов кода – user5636236

В app.js у вас есть –

angularjs - ngRoute не работает должным образом

ответ

Смежные вопросы