路由无法在版本1.4角中工作但在版本1.2中工作 [英] routing not working in version 1.4 angular but working in version 1.2

问题描述

 var app = angular.module（  ApplicationModule， [  ngRoute]）; 
 
  //  工厂用于定义值 
  //  跨控制器传递和传递数据 
 
 app.factory（  ShareData，function（）{
  return  {value： 0 } 
}）; 
 
  //  定义路由 
 app.config（[< span class =code-string>'  $ routeProvider'，'  $ locationProvider'，function（$ routeProvider，$ locationProvider）{
 $ routeProvider.when（'  / showemployees'，
 {
 templateUrl：'  EmployeeInfo / ShowEmployees'，
 controller：'  ShowEmployeesController' 
}）; 
 $ routeProvider.when（'  / addemployee'，
 {
模板网址：'  EmployeeInfo / AddNewEmployee'，
 controller：'  AddEmployeeController' 
}）; 
 $ routeProvider.when（  / editemployee，
 {
 templateUrl：'  EmployeeInfo / EditEmployee'，
 controller：'  EditEmployeeController' 
}）; 
 $ routeProvider.when（'  / deleteemployee'，
 {
 templateUrl：'  EmployeeInfo / DeleteEmployee'，
 controller：'  DeleteEmployeeController' 
}）; 
 $ routeProvider.otherwise（
 {
 redirectTo：'  /' 
}）; 
  //   $ locationProvider.html5Mode（true）;  
 $ locationProvider.html5Mode （true）.hashPrefix（' ！'）
}]）; 

我在浏览器控制台出现此错误

错误：[$ location：nobase] HTML5模式下的$ location需要< base>标签出现！

http://errors.angularjs.org/1.3.16/$location/nobase

at angular.js：63

at $ LocationProvider。$ get（angular.js：11384）

at Object.invoke（angular.js：4219）

at angular.js：4037

at getService（angular.js：4178）

at Object.invoke（angular.js：4210）

at angular.js：4037

at getService（angular.js：4178）

at Object.invoke（angular.js：4210）

at angular.js：6556（匿名函数）@ angular.js：11699

http：// localhost：11111 / __ browserLink / requestData / 10da8e4ba855456d8191af0b0dd4e06f无法加载资源：服务器响应状态为404（未找到）

解决方案

routeProvider'，'

locationProvider'，功能（

routeProvider，

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

   //The Factory used to define the value to
   //Communicate and pass data across controllers

   app.factory("ShareData", function () {
       return { value: 0 }
   });

   //Defining Routing
   app.config(['$routeProvider','$locationProvider', function ($routeProvider,$locationProvider) {
       $routeProvider.when('/showemployees',
                           {
                               templateUrl: 'EmployeeInfo/ShowEmployees',
                               controller: 'ShowEmployeesController'
                           });
       $routeProvider.when('/addemployee',
                           {
                               templateUrl: 'EmployeeInfo/AddNewEmployee',
                               controller: 'AddEmployeeController'
                           });
       $routeProvider.when("/editemployee",
                           {
                               templateUrl: 'EmployeeInfo/EditEmployee',
                               controller: 'EditEmployeeController'
                           });
       $routeProvider.when('/deleteemployee',
                           {
                               templateUrl: 'EmployeeInfo/DeleteEmployee',
                               controller: 'DeleteEmployeeController'
                           });
       $routeProvider.otherwise(
                           {
                               redirectTo: '/'
                           });
      // $locationProvider.html5Mode(true);
       $locationProvider.html5Mode(true).hashPrefix('!')
   }]);

I got this error in browser console
Error: [$location:nobase] $location in HTML5 mode requires a <base> tag to be present!
http://errors.angularjs.org/1.3.16/$location/nobase
at angular.js:63
at $LocationProvider.$get (angular.js:11384)
at Object.invoke (angular.js:4219)
at angular.js:4037
at getService (angular.js:4178)
at Object.invoke (angular.js:4210)
at angular.js:4037
at getService (angular.js:4178)
at Object.invoke (angular.js:4210)
at angular.js:6556(anonymous function) @ angular.js:11699
http://localhost:11111/__browserLink/requestData/10da8e4ba855456d8191af0b0dd4e06f Failed to load resource: the server responded with a status of 404 (Not Found)

解决方案

routeProvider','

locationProvider', function (

routeProvider,

这篇关于路由无法在版本1.4角中工作但在版本1.2中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！