Angular 通过fileReplacments以角度处理静态页面

我正在寻找以下问题的解决方案

我的应用程序将由两部分组成：

SPA应用程序-角度应用程序-标准配置/模式

app/src/…index.html

->那个地方就是引导组件

包含静态html和多个登录页的文件夹

Folder:
     LandingPage1/index.html (and another pages)
     LandingPage2/index.html (and another pages)
     LandingPage3/index.html (and another pages)
     index.html

问题是：

从后端，从第一个请求中，我得到了关于LandingPage名称的信息——f.e.LandingPage1。 我想引导角应用程序从

Folder:

LandingPage1/index.html (and another pages)
LandingPage2/index.html (and another pages)
LandingPage3/index.html (and another pages)
index.html <- here - <app-root>

文件夹：
LandingPage1/index.html（和其他页面）
LandingPage2/index.html（和其他页面）
LandingPage3/index.html（和其他页面）
index.html将LandingPages文件夹放入资源
->在angular.json中，通过fileReplacments处理它（index.html）（但是css呢？
首先，您应该使用自己的逻辑和后端plus
angular路由器来处理路由（阅读）

创建组件和路由以在模板中呈现HTML文件后，可以使用
[innerHtml]
。请记住，文件扩展名不会在URL中打印，因为它被注入到Angular模板中，因此默认情况下，它看起来像
example.com/LandingPage1
，而不是
example.com/LandingPage1/index.html

最佳做法是将html文件存储在/src/views文件夹中

import { Component } from '@angular/core';
var template = require("./html1.html");

declare var require: {
(path: string): any;
<T>(path: string): T;
(paths: string[], callback: (...modules: any[]) => void): void;
ensure: (paths: string[], callback: (require: <T>(path: string) => T) => 
void) => void;
};

@Component({
  selector: 'my-app',
  template: `<div [innerHtml]="html1">`
})
export class AppComponent  {
  html1:string = template;
}

从'@angular/core'导入{Component}；
var template=require（“./html1.html”）；
声明var需要：{
（路径：字符串）：任意；
（路径：字符串）：T；
（路径：string[]，回调：（…模块：any[]）=>void:void；
确保：（路径：string[]，回调：（require:（路径：string）=>T）=>
void）=>void；
};
@组成部分({
选择器：“我的应用程序”，
模板：``
})
导出类AppComponent{
html1：字符串=模板；
}


（但是css呢？）

之后，您可以在此处导入全局CSS：

我在angular.json中将src/views path添加到资产中，但我无法构建项目：
找不到模块../view/LandingPage1/index.html
我用一个工作的stackblitz更新了我的anwer，希望这对你有用@剖析器