Javascript 角度路由Provider未加载下一个模板
我试图让列表中的每个项目都有一个按钮,该按钮使用$routeProvider路由到模板。然而,当我点击链接时,我总是得到404(它指向正确的地址,但没有页面加载)。如果您能帮助您使用此代码,我们将不胜感激:Javascript 角度路由Provider未加载下一个模板,javascript,angularjs,Javascript,Angularjs,我试图让列表中的每个项目都有一个按钮,该按钮使用$routeProvider路由到模板。然而,当我点击链接时,我总是得到404(它指向正确的地址,但没有页面加载)。如果您能帮助您使用此代码,我们将不胜感激: angular.module('tipOutput', ['firebase', 'filters']) .controller('Tips', ['$scope', 'angularFire', function ($scope, angularFire) { var r
angular.module('tipOutput', ['firebase', 'filters'])
.controller('Tips', ['$scope', 'angularFire',
function ($scope, angularFire) {
var ref = new Firebase('https://sitename.firebaseio.com/tips');
angularFire(ref, $scope, "tips");
}])
//routing to secondary pages
.config(['$routeProvider', function($routeProvider, $locationProvider) {
$routeProvider.
when('/tips/:tipId', {template: 'partials/tip-detail.html', controller: 'Tips'}).
otherwise({redirectTo: '/'});
}])
如果有帮助,下面是我的模板代码:
<html ng-app="TipOutput">
<body>
<div ng-view></div>
<script type="text/javascript" src="http://static.firebase.com/v0/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular-resource.min.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.3.0/angularfire.min.js"></script>
<script type='text/javascript' src='https://cdn.firebase.com/v0/firebase-simple-login.js'></script>
<script src="js/app.js"></script>
</body>
</html>
单页应用程序中的路由实际上是虚拟路由。Web服务器软件如何知道如何处理该url?要将此url映射到为您的应用程序提供服务的html文件,您正在做什么?我怀疑您可能需要设置httpd,以便它了解正在发生的事情