角度路由提供程序未加载下一个模板

Angular routeProvider not loading next template

本文关键字：加载 下一个 程序 路由      更新时间：2023-09-26

我试图让列表中的每个项目都有一个按钮，该按钮使用 $routeProvider 路由到模板。但是，当我点击链接时，我不断收到 404（它转到正确的地址，但没有页面加载）。任何有关使此代码工作的帮助将不胜感激：

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>

单页应用程序中的路由实际上是虚拟路由。网络服务器软件如何知道如何处理该 URL？你正在执行哪些操作才能将此 URL 映射到提供应用的 html 文件？我怀疑您可能需要设置httpd，以便它了解正在发生的事情。

相关文章：