2015-08-19 8 views
11

y कोणीय परियोजना asp.net MVC के साथ एक सरल वेब बनाने का प्रयास करें 5 मैं इस जे एस

var app = angular.module("app", ["ngRoute"]) 
    .config(function ($routeProvider, $locationProvider) { 
     $routeProvider.when('/', { 
      templateUrl: '/AngularJS/Templates/inicio.html', 
      controller: 'bienvenidoController' 
     }); 
     $locationProvider.html5Mode(true); 
    }); 

और इस राशि:

app.controller("bienvenidoController", function ($scope) { 

}); 

दृश्य: लेआउट:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 
</head> 
<body ng-app="app"> 
    @RenderBody() 
    <!--Librerias Angular--> 
    <script src="~/Scripts/angular.min.js"></script> 
    <script src="~/Scripts/angular-route.min.js"></script> 

    <!---Librerias App--> 
    <script src="~/AngularJS/RegistrationModule.js"></script> 
    <script src="~/AngularJS/bienvenidoController.js"></script> 
</body> 
</html> 

सूचकांक:

<div ng-view> 

</div> 

और:

<h1>Hola Mundo!</h1> 

त्रुटि:

Error: [$location:nobase]

त्रुटि फ़ायरबग mozilla में देखते हैं

उत्तर

32

AngularJS प्रलेखन पर कहा गया है

If you configure $location to use html5Mode (history.pushState), you need to specify the base URL for the application with a tag or configure $locationProvider to not require a base tag by passing a definition object with requireBase:false to $locationProvider.html5Mode()

https://docs.angularjs.org/error/$location/nobase

आप अपने दस्तावेज़ में <base href="/"> याद कर रहे हैं या आप

$locationProvider.html5Mode({ 
    enabled: true, 
    requireBase: false 
}); 
+0

धन्यवाद, यह काम करता है –

0

की स्थापना बस HTML दस्तावेज़ के <head> खंड में <base href="/"> जोड़ने द्वारा जाँच निष्क्रिय कर सकते हैं और बस इतना ही।

<head> 
    <base href="/"> 
    ... 
</head> 

https://docs.angularjs.org/error/ $ स्थान/nobase

संबंधित मुद्दे