素材巴巴 > 程序开发 >

ng-zorro的modal组件创建指令拖拽(指令可在同一html的model中多次复用)

程序开发 2023-09-20 10:17:33

本文主要是针对创建后的指令无法进行多次复用讲解

关于modal创建指令拖拽我是主要参考modal创建指令拖拽这篇文章,但是这个指令不可以进行全局使用,如果大家需要,可以试试这个方法;(有错误的地方,请大家谅解)

在drag-modal.directive.ts文件

将原本在constructor下的代码,提取出来,放入ngAfterViewInit()下即可;

因为放在constructor下在所有的生命周期钩子之前被调用。而使用ngAfterViewInit则是在在组件内容初始化之后调用。

在.html文件

这样写即可复用;


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。