如何在Angular 5中动态地将指令添加到div

Question

我正在学习Angular 5，实际上，我正在直接从Angular 1切换。我没有找到足够的文章来支持这个帖子的标题。

例如，我有一个名为multiselect的指令，它接受输入@Input() arr: any;，并假设我想在其上动态创建div。

所以我想要这样的事情：

<div [multiselect]="arr"></div>  

我希望使用Renderer2

动态创建它

由于我们可以在AngularJs中使用$compile来编译元素上的所有指令，如何在Angular 5中执行它？