Angular Routing mit ngRoute funktioniert nicht für einige Routen

Question

In meiner einzelnen Seite Anwendung habe ich ngRoute für angular Routing verwendet. Aber ich habe einige Probleme mit der Winkelführung.

Konfiguration:

app.config(function($routeProvider,$locationProvider){ 
    $locationProvider.html5Mode(true); 
    $locationProvider.hashPrefix('!'); 
    $routeProvider 
     .when('/product',{ 
      templateUrl : 'views/product/template/product.html', 
      controller : 'productCtrl' 
     }) 
     .when('/product/add',{ 
      templateUrl : 'views/product/template/add-product.html', 
      controller : 'productCtrl' 
     }) 
}); 

Wenn mein Routing-Pfad ist/das Produkt dann ist alles in Ordnung. Aber wenn mein Routing-Pfad/product/add ist, dann scheint es ein Fehler zu sein. Aber wenn "/ product/add" durch nur "/ add" ersetzt wird, ist diese Route auch in Ordnung. Ich kann also nicht erkennen, was das Hauptproblem beim Routing von "/ product/add" ist.

Fehler:

http://localhost:3000/product/views/product/template/add-product.html 404 (Not Found) 

hier habe ich ein Problem gesehen. andere Route scheint wie:

http://localhost:3000/views/product/template/product.html 

Aber Fehler Route hat/Produkt nach Server-Link.

Benötigen Sie eine Klarstellung & Lösung für dieses Problem.

Vielen Dank im Voraus

Answer 1

configure die Route ordnungsgemäß mit Fehlerseite. Sie können diesem Geigenbeispiel folgen.

HTML

<div ng-controller="MainCtrl"> 
    <ul> 
    <li><a href="/product">product</a></li> 
    <li><a href="/product/add">add</a></li> 
    <li><a href="/other">Other</a></li> 
    </ul> 
    <ng-view></ng-view> 
</div> 

Angular

var app = angular.module("myApp", []); 

app.config(function ($routeProvider,$locationProvider) { 
     $locationProvider.html5Mode(true); 
    $locationProvider.hashPrefix('!'); 
    $routeProvider 
    .when('/product', { template: 'I am product root' }) 
    .when('/product/add', { template: 'Adding a product' }) 
    .when('/other', { template: 'Other pages' }) 
    .otherwise({ redirectTo: '/product' }); 
}); 

app.controller('MainCtrl', function ($scope) { 
}); 

für mehr https://jsfiddle.net/zahiruldu/jLdce3vj/186/

Sie UI Router ordnungsgemäß Routing für den Umgang mit Eltern verwenden können, das wird Sie verschachtelte Route Einrichtungen geben vorzurücken.