Angular使用总结 --- 通过指令动态添加组件

  之前自己写的公共组件,都是会先引入,需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式,还是动态添加组件更加好。通过写过的一个小组件来总结下。

创建组件

  场景:鼠标移动到图标上时,展示解释性的说明文字。那就需要创建一个普通的tooltip组件。如下:

Angular使用总结 --- 通过指令动态添加组件

Angular使用总结 --- 通过指令动态添加组件

<aside class="hover-tip-wrapper"> <span>{{tipText}}</span> </aside>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyjwsy.html