如何在angular 8.0中创建动态div标签？
如何在angular 8.0中创建动态div标签？
提问于 2019-06-18 17:20:06
如何在angular 8.0中创建动态div标签？
我想克隆整个div标签，在该div标签中有多个组件，如文本框、选择框等。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-06-18 17:45:56
让我们假设我们有一个如下所示的组件，我们将动态加载它。
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-message',
template: `<div class="message">{{message}}</div>
})
export class MessageComponent {
@Input() message: string;
}要动态加载MessageComponent，您需要一个容器。假设我们想要在AppComponent中加载MessageComponent。我们在AppComponent中需要一个容器元素。
<div style="text-align:center">
<h1>
Welcome to {{ title }}!
</h1>
<template #messagecontainer>
</template>
</div>如您所见，我们有一个入口点模板或容器模板，我们将在其中动态加载MessageComponent
Stack Overflow用户
发布于 2019-06-18 17:29:18
简单的问题，简单的答案:使用模板插座。
<ng-container *ngTemplateOutlet="content"></ng-container>
<ng-container *ngTemplateOutlet="content"></ng-container>
<ng-container *ngTemplateOutlet="content"></ng-container>
<ng-template #content>
<p>
This is some random content that you can duplicate
</p>
</ng-template>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56645754
复制相关文章
相似问题
腾讯云开发者
