如何使用angular动态创建元素？
如何使用angular动态创建元素？
提问于 2018-08-08 01:03:00
使用Vanilla或jQuery非常简单。但我对Angular一无所知。
我需要创建一个非常自定义的树视图，所以我有这个...
<div class="tree">
<div class="root">
<div class="node 1" (click)="click()"></div>
</div>
</div>我希望将node1插入到根目录中，并且我还需要处理事件。
有没有关于如何存档它的线索？
回答 2
Stack Overflow用户
发布于 2018-08-08 01:11:10
使用Renderer2服务
const div = this.renderer2.createElement('div');
const text = this.renderer2.createText('Hello world!');
this.renderer2.appendChild(div, text);
this.renderer2.appendChild(this.elem.nativeElement, div);
this.renderer2.listen(this.elem.nativeElement, 'click', () => {
alert('Click Event From dynamically created Div');
});示例：https://stackblitz.com/edit/angular-renderer2-customevent
Stack Overflow用户
发布于 2018-08-08 07:32:18
node1元素本身必须是一个角度组件。然后，您将在root组件和create it dynamically中导入它。该组件将具有@Output()属性，您可以将其作为常规变量进行访问，并订阅以侦听其事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51731994
复制相关文章
相似问题