如何在角度6的组件中将jsp页面加载为模板答案

【问题标题】：How to load jsp page as template in component in angular 6如何在角度6的组件中将jsp页面加载为模板
【发布时间】：2019-03-27 12:37:58
【问题描述】：

我想在 Angular 6 应用程序的组件中将外部 jsp 页面内容作为模板加载。

@Component({
  selector: 'app-conrequest',
  templateUrl:'mydomain.com:port/utils/registerUser.jsp',
  styleUrls: ['./conrequest.component.css']
})

在上面的代码中，我提到了jsp页面的url，我想将其加载为模板。

请帮帮我。

谢谢，苏雷什

【问题讨论】：

标签： angular6 angular2-template

【解决方案1】：

首先，无论您使用哪个外部链接，它都应该“返回”一些东西。如果没有返回信息，它总是会给你一个错误。

让我们开始你的答案...

步骤 1- 首先你需要导入 HttpClient 和 Map

import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';

第 2 步- 你的 @Component 装饰器应该是这样的

   @Component({
          selector: 'my-template',
          template: `<div [innerHtml]="myTemplate">
                    </div> `})

第 3 步 - 在您的班级中，您可以导入外部模板，例如...

    export class TestComponent  {

  private myTemplate: any = '';
  constructor(http: HttpClient) {
    http.get('www.abc.com/index.html', {responseType: 'text'}).subscribe(data => this.myTemplate = data);
  }
}

第 4 步 - 同时在 RootModule 中导入 httpClient

    imports: [
   ...
   ...
    HttpClientModule

  ],

就是这样。用你的试试。

谢谢苏尼尔·塞恩

【讨论】：

我收到以下错误。 { ./src/app/conrequest/conrequest.component.ts 中的错误未找到模块：错误：无法解析 './
' in 'C:\project_files \new_angular6 _workspace\impactangular\src\app\conrequest' ./src/app/conrequest/conrequest.component.ts 中的错误找不到模块：错误：无法解析 'C: 中的 'rxjs/add/operator/map' \project_files\new_angular6_workspace\impactangu lar\src\app\conrequest' }
累积。根据您的描述 1. 您是否缺少根模块中的组件声明 2. 运行此命令“npm i --save rxjs-compat”来安装 rxjs 以解决地图操作员问题