angular4动态添加html,angular4 动态创建组件

我想用Directive做一个公共的指令，当鼠标点击目标元素时，显示一个组件的内容，鼠标离开消失，

目前我是点击时用ViewContainerRef插入组件，

但是插入的组件与目标元素并列，而我想插入目标元素里面，

比如目标元素为,插入的组件的html为hi

当我点击时，会变成hi

但wo 想要的效果是hi

@Directive({

selector: '[appTxt]',

})

export class TxtCopyDirective {

constructor(private el: ElementRef, private renderer2: Renderer2, public viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {

}

@Ho的候通现端数是制这。效合应近环大过这业据stListener('click', ['$event']) onclick(event: an在重说道。础过学开概码数项遍间里哦行览屏屏定处。。容标中钮控设近浏新术，都第来期发述更据目历也面我商器蔽蔽广绿最y) {

this.viewContainerRef.clear();

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(插入的组件);

this.viewContainerRef.createComponent(componentFactory);

}

angular4动态添加html,angular4 动态创建组件相关推荐

Qt封装TDMS文件实现动态添加组以及动态写入通道数据
TDMS文件: TDMS文件是NI主推的一种二进制记录文件,TDMS文件由三个层次结构级别组成:文件.组.通道.在NI的LabVIEW软件中,可通过许多接口直接访问NI TDMS文件,但使用LABVI ...
Vue中动态添加class写法动态静态clas混合
Vue中动态添加class写法动态静态clas混合示例 //fx,cont-block为静态class ob为动态class <div :class="[ 'fx','cont- ...
Elastic-Job:动态添加任务,支持动态分片
多情只有春庭月,犹为离人照落花. 概述因项目中使用到定时任务,且服务部署多实例,因此需要解决定时任务重复执行的问题.即在同一时间点,每一个定时任务只在一个节点上执行.常见的开源方案,如 elasti ...
动态添加综合布局---动态添加控件及将某XML动态加入到Activity显示（续）
前言:以前曾写过一篇关于动态生成控件的文章<动态添加控件及将某XML动态加入到Activity显示>,比较浅显,对于RelativeLayout的相关布局设置方法及相对布局与线性布局的混合 ...
动态添加 ajax,ajax动态的添加内容【原创】
以前只是见过很多动态添加内容的效果,这次还是自己第一次在项目里接触到呢,就简单记录下来了,希望对大家有帮助. 这里的效果是选中一个选择框,对应的内容区就会相应的出现对应的详细内容,取消选择框,对应的内 ...
php动态添加查询,php动态添加url查询参数的方法，php动态url参数_PHP教程
php动态添加url查询参数的方法,php动态url参数本文实例讲述了php动态添加url查询参数的方法.分享给大家供大家参考.具体分析如下: 这段代码可以动态为url添加key-value查询参数 ...
layui option 动态添加_layui select动态添加option的实例
html 产品类别轻松融容易融快乐融增加产品类别 js //重新渲染表单 function renderForm(){ layui.use('form', function(){ var fo ...
python动态添加类方法_Python 动态添加类方法
习题: 1. Shape基类,要求所有子类都必须提供面积的计算,子类有三角形.矩形.圆. 2. 上题圆类的数据可序列化第一种方法:使用Mixin多继承组合的方式,混入其它类的属性和方法第二种方法: ...
layui option 动态添加_layuiselect如何动态添加option
这次给大家带来layui select如何动态添加option,layui select动态添加option的注意事项有哪些,下面就是实战案例,一起来看一下. html 产品类别轻松融容易融快乐 ...

angular4动态添加html,angular4 动态创建组件

angular4动态添加html,angular4 动态创建组件相关推荐

最新文章

热门文章