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

发布时间：2020-12-17 09:03:38 所属栏目：安全来源：网络整理

导读：我正在构建一个angular2应用程序/小部件,它将作为插件嵌入到TYPO3中,可插入任何内容页面.这意味着它最终会出现在不同的根路径上,例如： /page1/app/page/subpage/subpage/whatever 全局基本URL(base href = ..)已由TYPO3设置,无法更改.如何为某些根前缀赋予

我正在构建一个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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!