angular DOM操作相关

来源:9-1 第三方组件的集成和懒加载

505380967

2018-08-13

angular不推荐直接操作DOM,而是使用自带的DOM操作方法。但对于一些复杂的交互,自带的方法有点不够用。比如我要通过拖拽操作动态增加DOM节点,节点上面还有一些UI库上的属性,如mat-button或栅格相关的属性,不是key-value的形式,这样自带的方法使用起来比较复杂,而且不一定能满足要求。对于这样的业务,是直接使用jQuery,还是说有更好的选择?

写回答

1回答

接灰的电子产品

2018-08-14

当然可以使用 jquery,但除了直接操作 DOM,你还可以利用 Angular 动态创建组件啊,利用 `ViewContainerRef` 、 `ComponentFactoryResolver` 你可以动态创建非常复杂的组件。

```

createComponent(type) {    

this.container.clear();    

const factory: ComponentFactory = this.resolver.resolveComponentFactory(AlertComponent);    

this.componentRef: ComponentRef = this.container.createComponent(factory);    

}    

```

0
0

Angular打造企业级协作平台,让你在Angular领域中出类拔萃

全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用

998 学习 · 536 问题

查看课程