在Angular 2+;中对单个组件使用两个HTML;?

在Angular 2+;中对单个组件使用两个HTML;?,angular,Angular,我用的是角度4。是否可以对单个组件使用两个html文件?如果是,有谁能告诉我怎么做。对不起,一个组件不能使用两个*.html文件 如果有母版页和内容页的概念,那么我可以向您推荐一些东西即使您找到了一种棘手的方法,这将是一种反模式,这意味着随着应用程序的增长,您将面临更大的麻烦 我建议您创建两个组件,并本地化服务中的公共逻辑。阅读更多有关服务的信息,请访问 或者你可以创建一个新的组件,并使用@Muthu所指出的子视图。我意识到这篇有棱角的2+文章已经有一年多的历史了,但我希望这对其他人有所帮助。创

我用的是角度4。是否可以对单个组件使用两个html文件?如果是,有谁能告诉我怎么做。

对不起,一个组件不能使用两个
*.html
文件


如果有母版页和内容页的概念,那么我可以向您推荐一些东西

即使您找到了一种棘手的方法,这将是一种反模式,这意味着随着应用程序的增长,您将面临更大的麻烦

我建议您创建两个组件,并本地化服务中的公共逻辑。阅读更多有关服务的信息,请访问


或者你可以创建一个新的组件,并使用@Muthu所指出的子视图。我意识到这篇有棱角的2+文章已经有一年多的历史了,但我希望这对其他人有所帮助。创建包含两个或更多html文件的组件确实有一个技巧。您将有多个@组件,每个组件后面都有类。我想这可以用于模式弹出窗口或其他东西

同一文件

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.
}

你能再解释一下这个用例吗?这两个HTML文件应该如何合并?您正在尝试在另一个html中嵌入一个html吗?不,如果要使用两个html模板,则必须使用两个不同的组件。你想做什么?在注册中我有两个部分。基本信息和联系方式。完成基本信息后,我将单击“下一步”按钮,它将导航到联系人信息。这两个功能都在同一个组件中创建一个新组件并将其用作子视图在注册中我有两个部分。基本信息和联系方式。完成基本信息后,我将单击“下一步”按钮,它将导航到联系人信息。这两个功能都在同一个组件中,您可以使用选项卡式菜单,以便轻松地从一个组件导航到另一个组件。或者您可以使用两个组件如果您需要,我无法帮助您,请告诉我