路由没有在MVC的Web API和AngularJS工作 [英] Routing is not working in MVC Web API and AngularJS

问题描述

我使用MVC的Web API和角JS

当我给一个routeProvider，然后再增加一个routeProvider后，其工作它不工作....

我的code是：

  VAR phoneModelsApp = angular.module（'phoneModelsApp'，['ngRoute']）;   phoneModelsApp.config（['$ routeProvider'，
   功能（$ routeProvider）{
  $ routeProvider.when（'/ PHONELIST'，{
      templateUrl：'谐音/ Test1.html'，
      控制器：'p​​honeListCtrl
  }）。
 $ routeProvider.when（'/ phonelist1'，{
     templateUrl：'谐音/ Test2.html'，
     控制器：'p​​honeListCtrl
 }）。
    除此以外（{
        redirectTo：'/ PHONELIST
    }）;
  }]）;
 

解决方案

您需要在您的网址＃或在你的配置中添加添加到：

  $ locationProvider.html5Mode（真）;
 

为了去除棱角分明＃你需要在你的配置中的小的变化：

您需要添加：

  $ locationProvider.html5Mode（真）;
 

这是整个版本：

  myApp.config（函数（$ routeProvider，$ locationProvider）{
  $ locationProvider.html5Mode（真）;
  $ routeProvider
    。当（'/第1页'，{模板：page1.html'，控制器：'Page1Ctrl'}）
    。当（'/第2页'，{模板：page2.html，控制器：'Page2Ctrl'}）
}）;
 

I am using MVC Web API and Angular JS

When i am giving single routeProvider, then its working after adding one more routeProvider its not working....

My Code Is:

   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'
    });
  }]);

解决方案

You need to add to in your urls "#" or adding in your configuration:

$locationProvider.html5Mode(true);

In order to remove the # in Angular you need to make an small change in your configuration:

You need to add:

$locationProvider.html5Mode(true);

This is the whole version:

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

这篇关于路由没有在MVC的Web API和AngularJS工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！