Angular2如何独立于html基本URL设置应用程序根路径

前端之家收集整理的这篇文章主要介绍了Angular2如何独立于html基本URL设置应用程序根路径前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个angular2应用程序/小部件,它将作为插件嵌入到TYPO3中,可插入任何内容页面.这意味着它最终会出现在不同的根路径上,例如:
/page1/app
/page/subpage/subpage/whatever

全局基本URL(base href = ..)已由TYPO3设置,无法更改.如何为某些根前缀赋予角度,以便它可以正确构建其路由?

我正在使用这里记录的新路由器:https://angular.io/docs/ts/latest/guide/router.html

实际上,角度文档中有一个解决方案,但很难找到.可以在不使用< base>的情况下将基本URL设置为角度.标签.
因此,您只需使用流体将基本URL设置为全局JavaScript变量,然后在app模块中将其设置为angular.

流体:

<script>
   var app_base_url = '<f:uri.page pageUid="{currentPageUid}" />';
</script>

角度:

declare var app_base_url;

import {Component,NgModule} from '@angular/core';
import {APP_BASE_HREF} from '@angular/common';
@NgModule({
  providers: [{provide: APP_BASE_HREF,useValue:app_base_url}]
})
class AppModule {}

https://angular.io/docs/ts/latest/api/common/index/APP_BASE_HREF-let.html

猜你在找的Angularjs相关文章