Question

当我通过cmd（ng g组件测试）创建组件时，它将为该特定测试组件创建.css .html和.ts文件。

我想根据某些条件渲染两个不同的模板。

默认情况下，它会渲染自己的html模板，以及我想渲染不同的模板。那么我可以在同一个组件中再添加一个html文件并渲染吗??

那么，有没有办法从一个组件中渲染两个或多个模板？

Answer 1

您可以使用不同的模板创建两个组件，并从父组件中调用这些其他组件，如下所示：

@Component({
    selector: 'data-list',
    template: `
        <childComponent1></childComponent1>
        <childComponent2></childComponent2>
     `
})

ChildComponent1：

@Component({
selector: 'childComponent1',
template: `
    <h1>Hiiiiiiii</h1>
`
})

ChildComponent2：

   @Component({
    selector: 'childComponent2',
    template: `
    <h2>I'm second component</h2>
          `
    })

这是在Angular中使用同一组件中的两个或多个模板的独特方式。

有没有办法从一个组件渲染两个或多个模板？ Angular2

1 个答案: