angularjs - 在 Angular 应用程序中提供静态 html 文件

Question

我有一个 Angular 应用程序，路由可能如下所示:

angular.module('app').config(function($routeProvider, $locationProvider) {
  $routeProvider

  .when('/', {
    templateUrl : 'views/home.html',
    controller: 'homeController'
  })
  .when('/foo', {
    templateUrl : 'views/foo.html',
    controller: 'fooController'
  })
  .otherwise({
    redirectTo : '/'
  });
  $locationProvider.html5Mode(true);
});

现在，这可能是一个过于简单的问题，但是我可以提供一个永远不会改变的静态页面，并且不需要我添加 javascript 而不用 .when 路由指定它吗？例如，假设我想像这样为 Google 的网站管理员工具验证提供服务:

/googlee23dc3443279f430.html

我真的需要创建一个 .when('/googlee23dc3443279f430.html') 路由吗？

编辑:我们还进行了服务器重写以使其非“/”路由仍将提供 index.html 文件，如本 wiki 中所述(并使 html5mode(true) 在页面刷新时工作):

https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

每次我们想添加静态页面时不必添加重写条件就好了

Answer 1

如果整个页面都应该用静态 html 替换，您可以使用带有 ng-href 的链接(使其动态且基于数据而不是硬编码)- https://docs.angularjs.org/api/ng/directive/ngHref