在角应用程序中提供静态html文件

时间:2014-11-19 23:22:33

标签: angularjs routing

我有一个角度应用程序,使得路由可能如下所示:

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路由指定它吗?例如,假设我想提供谷歌网站管理员工具验证,如下所示:

/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

每次我们想要添加静态页面时都不必添加重写条件

1 个答案:

答案 0 :(得分:1)

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