2015-08-19 11 views
11

y starają się stworzyć prosty wstęgi z kątowym projektu mvc asp.net 5 mam ten js

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

i tak:

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

}); 

widok: Układ:

<!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> 

index:

<div ng-view> 

</div> 

oraz:

<h1>Hola Mundo!</h1> 

błąd:

Error: [$location:nobase]

błąd zobaczyć w Firebug mozilla

Odpowiedz

32

Jak podano w dokumentacji 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

Ty brakuje <base href="/"> w dokumencie lub można wyłączyć sprawdzanie przez ustawienie

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

dzięki, działa –

Powiązane problemy