Angular.JS 404页面单页面应用程序

Question

任何人都可以指出我正确的方向如何为angularJS中的单页应用程序制作"404 - 页面未找到"教程.

或者甚至更好地解释如何实现这一目标.

互联网上似乎没有太多关于此的内容.

Answer 1

我不会将其视为 404 页面。

在您的 SPA（单页应用程序）中，您可以进行多个 API 调用来独立更新仪表板上的小部件，其中 10 次中有 9 次成功（200 次），1 次失败（404 次），在这种情况下您不想重定向用户。

正如大卫·巴克所说，你有一个otherwise包罗万象的页面。

app.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/login', {
        templateUrl: 'login.template.html',
        controller: 'LoginController'
      }).
      when('/', {
        templateUrl: 'dashboard.template.html',
        controller: 'DashboardController'
      }).
      otherwise({
        redirectTo: '/'
      });
  }]);

因此，如果用户输入了错误的路线然后进入仪表板，唯一的问题是反馈：

1：您需要一个消息服务来反馈实际的 API 404 有错误响应，并且可以使用拦截器、指令和模型进行管理。

2：您可以通过使用 run 方法以及查找 $routeChangeError 然后添加错误消息的相同指令和模型来反馈错误消息

我希望这有帮助。