Маршрут не работает в angularJS

Question

Маршрут не работает в angularJS

0

Все каталоги настроены отлично, но все же маршрутизация не работает. Папка "содержит две страницы" addOrder.html "и" showOrder.html ". Я также включил файл 'angular.min.js', но все равно никаких результатов.

//Define an angular module for our app
var sampleApp = angular.module('sampleApp', []);

//Define Routing for app
//Uri /AddNewOrder -> template add_order.html and Controller AddOrderController
//Uri /ShowOrders -> template show_orders.html and Controller AddOrderController
sampleApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/AddNewOrder', {
		templateUrl: 'templates/add_order.html',
		controller: 'AddOrderController'
	}).
      when('/ShowOrders', {
		templateUrl: 'templates/show_orders.html',
		controller: 'ShowOrdersController'
      }).
      otherwise({
		redirectTo: '/AddNewOrder'
      });
}]);


sampleApp.controller('AddOrderController', function($scope) {
	
	$scope.message = 'This is Add new order screen';
	
});


sampleApp.controller('ShowOrdersController', function($scope) {

	$scope.message = 'This is Show orders screen';

});

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>AngularJS Routing example</title>
  </head>

  <body ng-app="sampleApp">

    <div class="container">
		<div class="row">
		<div class="col-md-3">
			<ul class="nav">
				<li><a href="#AddNewOrder"> Add New Order </a></li>
				<li><a href="#ShowOrders"> Show Order </a></li>
			</ul>
		</div>
		<div class="col-md-9">
		  	<div ng-view></div>
		</div>
		</div>
    </div>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
	<script src="app.js"></script>
  </body>
</html>

Shintu Joseph 31 июль 2016, в 17:13

Источник

0

Какие ошибки в консоли браузера?
Kirill Slatin 31 июль 2016, в 14:43

Теги:

javascript

angularjs

angularjs-routing

2 ответа

Ещё вопросы

Vikash Kumar · Answer 1 · 2016-07-31T13-28-00.000Z

Вы должны добавить файл ресурсов маршрута из "http//ajax.googleapis.com/ajax/libs/angularjs/XYZ/angular-route.js"

а затем в вашем модуле

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

Shintu Joseph · Answer 2 · 2016-07-31T12-28-00.000Z

Вы должны были бы включить angular.route.js, поскольку маршрут был разделен на другой модуль. Как указано в документах,

<script src="path/to/angular.js"></script>
<script src="path/to/angular-route.js"></script>