angular - 无法将模板文件用作 Liferay Angular Portlet 中组件的模板

Question

无法将模板文件用作 Liferay angular portlet 中组件的模板。相同的语法适用于普通的 Angular 应用程序。

app.component.ts

import { Component } from '@angular/core';

@Component({
    templateUrl: './app.component.html'
    /*
     * I've tried to pass template file path as below but it wasn't worked
     * templateUrl: './app.component.html'
     * templateUrl: './app.component'
     * templateUrl: 'app.component.html'
     * templateUrl: 'app.component'
     */
})

export class AppComponent {}

app.component.html

<h1>app component loaded using template file.</h1>

下面是我的环境细节

• 操作系统：窗户
• Liferay：liferay-ce-portal-tomcat-7.3.2-ga3
• 节点：v8.12.0
• 角度/cli：^1.6.7
• 角度/编译器-cli：^5.0.0
• liferay-npm-bundler：2.18.2
• 打字稿：2.4.2

标签： angulartypescriptliferayportletliferay-7

Answer 1

我从 Liferay 论坛找到了解决方案：https ://liferay.dev/forums/-/message_boards/message/103176934#_com_liferay_message_boards_web_portlet_MBPortlet_message_106877078

根据描述，我已经更新了 templateUrl 路径，如下所示，它工作正常。

app.component.ts

import { Component } from '@angular/core';

@Component({
    templateUrl: '/o/student-crud-portlet/lib/app/app.component.html'
})

export class AppComponent {}