AngularJS маршрут и не ngview работает

Question

Я готовлю простую демонстрацию с помощью AngularJS $route и ng-view см jsFiddle

$routeProvider 
    .when('/leftMenu', { templateUrl: 'partials/leftMenu.html', controller: 'dashboardCtrl'}) 
    .when('/leftMenuCategoryProducts', { templateUrl: 'partials/leftMenu2.html', controller: 'dashboardCtrl2'}); 

, но в настоящее время не работает.

Answer 1

Есть целый ряд вещей, не так с вашей скрипкой:

• Вы не инъекционного $locationProvider, но вы пытаетесь вызвать $locationProvider.html2mode(true), что приводит нас к:
• Вы звоните $locationProvider.html2mode(true) вместо $locationProvider.html5mode(true)
• вы никогда не объявляя свое приложение в разметке, то есть ng-app="onlineStoreApp"
• вы никогда не включают angular-route.js, поэтому вы получаете ошибки, что оно Cann ВЗ можно найти
• Вы просто проездом вашу функцию маршрутизации в качестве 3-го параметра в объявлении модуля вместо передачи его в .config()

Вот обновленный пример того, что она может выглядеть следующим образом:

Markup:

<div ng-app="onlineStoreApp"> 
    <a href="/leftMenu">Menu</a> 
    <a href="/leftMenuCategoryProducts">Category</a> 
    <a href="/leftMenuCategoryProducts">Category</a> 

    <div ng-view></div> 
</div> 

Javascript:

angular 
    .module('onlineStoreApp', ['ngRoute']) 
    .config(function($locationProvider, $routeProvider) { 
     $locationProvider.html5Mode(true); 
     $routeProvider 
      .when('/leftMenu', { templateUrl: 'partials/leftMenu.html', controller: 'dashboardCtrl'}) 
      .when('/leftMenuCategoyProducts', { templateUrl: 'partials/leftMenu2.html', controller: 'dashboardCtrl2'}); 
    });