angular DOM操作相关
来源:9-1 第三方组件的集成和懒加载

505380967
2018-08-13
angular不推荐直接操作DOM,而是使用自带的DOM操作方法。但对于一些复杂的交互,自带的方法有点不够用。比如我要通过拖拽操作动态增加DOM节点,节点上面还有一些UI库上的属性,如mat-button或栅格相关的属性,不是key-value的形式,这样自带的方法使用起来比较复杂,而且不一定能满足要求。对于这样的业务,是直接使用jQuery,还是说有更好的选择?
写回答
1回答
-
当然可以使用 jquery,但除了直接操作 DOM,你还可以利用 Angular 动态创建组件啊,利用 `ViewContainerRef` 、 `ComponentFactoryResolver` 你可以动态创建非常复杂的组件。
```
createComponent(type) {
this.container.clear();
const factory: ComponentFactory = this.resolver.resolveComponentFactory(AlertComponent);
this.componentRef: ComponentRef = this.container.createComponent(factory);
}
```
00
Angular打造企业级协作平台,让你在Angular领域中出类拔萃
全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用
998 学习 · 536 问题
相似问题