路由沒有在MVC的Web API工作和AngularJS

Question

我使用MVC的Web API和角度JS

當我給一個routeProvider，然後再添加一個routeProvider它不工作後的工作....

我的代碼是：

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

    phoneModelsApp.config(['$routeProvider', 
    function ($routeProvider) {  


    $routeProvider.when('/phonelist', { 
     templateUrl: 'partials/Test1.html', 
     controller: 'phoneListCtrl' 
    }). 
$routeProvider.when('/phonelist1', { 
    templateUrl: 'partials/Test2.html', 
    controller: 'phoneListCtrl' 
}).  
    otherwise({ 
     redirectTo: '/phonelist' 
    }); 
    }]); 

Answer 1

您需要在您的網址 「＃」 或在您的配置中添加添加到：

$locationProvider.html5Mode(true); 

爲了刪除＃在角您需要在您的配置一個小的變化：

您需要添加：

$locationProvider.html5Mode(true); 

這是整個版本：

myApp.config(function($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider 
    .when('/page1', { template: 'page1.html', controller: 'Page1Ctrl' }) 
    .when('/page2', { template: 'page2.html', controller: 'Page2Ctrl' }) 
});