Question

我正在使用Angular 4.是否可以将两个html文件用于单个组件？如果是，可以任何人告诉我如何。

Answer 1

抱歉，您不能将两个*.html文件用于单个组件。

如果有母版页的概念＆amp;内容页面然后我可以建议你的东西

Answer 2

即使你发现一种棘手的方法，它也会是一种反模式，这意味着随着应用程序的增长，你将面临更大的麻烦。

我建议您创建两个组件并本地化服务中的公共逻辑。在https://www.tutorialspoint.com/angular2/angular2_services.htm

了解有关服务的更多信息

或者您可以创建一个新组件并使用@Muthu指出的子视图

Answer 3

我意识到Angular 2+的发布已有一年多了，但是我希望这对某人有帮助。确实有一个 Trick 来创建带有两个或更多html文件的组件。您将有多个@component，每个都有其后的类。这可以用于模式弹出窗口或我猜的东西。

相同文件：

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


@Component({
    selector: 'first-component',
    templateUrl: './first.component.html',
    styleUrls: ['./first.component.scss'],
})
export classFirstComponent {

   constructor() {}
   ... Doing something here.

}

@Component({
    selector: 'second-page',
    templateUrl: './second-page.html',
})

export class SecondPage {

   constructor() {}
   ... Doing something here.
}

在Angular 2+中使用两个HTML作为单个组件？

3 个答案: