Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 404使用Angular.js路由时出错_Javascript_Html_Angularjs_Firebase_Angularfire - Fatal编程技术网

Javascript 404使用Angular.js路由时出错

Javascript 404使用Angular.js路由时出错,javascript,html,angularjs,firebase,angularfire,Javascript,Html,Angularjs,Firebase,Angularfire,我正试图用角射和角射设置路线,但遇到了麻烦 var app = angular.module('sampleApp', ['ngRoute', 'firebase', 'ui.bootstrap']); app.config(function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'index.html', controller: 'SampleCtrl'

我正试图用角射和角射设置路线,但遇到了麻烦

var app = angular.module('sampleApp', ['ngRoute', 'firebase', 'ui.bootstrap']);

app.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'index.html',
        controller: 'SampleCtrl'
      })
      .when('/login', {
        templateUrl: 'views/login.html',
        controller: 'LoginCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });

  });

app.controller('LoginCtrl', function($scope, $firebase){
  console.log('LoginCtrl')
})
当我尝试点击localhost:8000/login时,我收到以下错误消息

Error code explanation: 404 = Nothing matches the given URI.

如何使用ngRoute和AngularFire设置简单路由?

使用默认路由器时,需要在url中使用哈希

localhost:8000/#/login
如果你想删除散列,那就另当别论了

您需要使用$locationProvider并将html5Mode设置为true。从那时起,您必须停止使用$window.location.href来更改路线,并使用$location.path


然后,您必须获得一个服务器或使用类似于它所支持的服务。

使用默认路由器时,您需要在url中使用哈希

localhost:8000/#/login
如果你想删除散列,那就另当别论了

您需要使用$locationProvider并将html5Mode设置为true。从那时起,您必须停止使用$window.location.href来更改路线,并使用$location.path


然后,您必须获得一台服务器或使用类似于所支持的服务。

在此处播放$location查看测试输出部分,这有助于我理解$route,希望这有帮助


在这里玩$location看看测试输出部分,这有助于我理解$route,希望这有帮助


Angular.js教程中介绍了此材质。在深入AngularFire(即Firebase+AngularFire)之前,这是一本很棒的入门书。Angular.js教程中介绍了该材料。这是一个伟大的入门之前,挖掘成角火,即火基+角