我的Angular视图里有如下一组p节点，通过自定义指令控制：
condition值切换的时候，对应的p节点区域会对应地显示和隐藏。p节点的隐藏，其实并不是通过css类实现，而是直接把DOM元素从HTML页面中删除来实现的。
具体实现是在Angular brower.js里实现的：
在AnimationEngine里实施删除操作：
最后调用的还是浏览器的原生实现removeChild来删除DOM元素。
Angular 页面元素的DOM级别的删除过程
2021-12-01
138
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Angular 页面元素的DOM级别的删除过程
目录
相关文章
|
5天前
|
JavaScript
前端开发
容器
|
9天前
|
JavaScript
前端开发
UED
|
12天前
|
JavaScript
前端开发
开发者
|
12天前
|
JavaScript
前端开发
索引
|
12天前
|
JavaScript
前端开发
|
27天前
|
JavaScript
前端开发
JavaScript DOM 操作：如何选中一个 HTML 元素？有哪些方法？
在JavaScript中，有五种主要方法选取HTML元素：1) `getElementById` 通过id选取单个元素；2) `getElementsByClassName` 选取具有特定类名的所有元素；3) `getElementsByTagName` 选取特定标签的所有元素；4) `querySelector` 使用CSS选择器选取单个元素；5) `querySelectorAll` 选取匹配CSS选择器的所有元素。这些方法结合使用可精确地定位到DOM树中的目标元素。
13
1
1
|
27天前
|
JavaScript
前端开发
JavaScript DOM 操作：如何动态创建和插入元素？
使用JavaScript的`createElement`, `createTextNode`和`appendChild`方法可动态创建并插入元素。
14
2
2
|
1月前
|
存储
前端开发
API
|
3月前
|
设计模式
JavaScript
前端开发
|
4月前
热门文章
最新文章
1
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
2
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
3
react简单实现获取dom元素
4
为什么虚拟dom会提高性能？
5
深入了解 JavaScript 中的 DOM 和 BOM
6
【angular】启动项目和路由配置
7
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
8
1分钟入门angular动画效果animations，敲简单滴哟~~☺
9
设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
10
DOM驱动和数据驱动的区别
1
PHP爬虫技术：利用simple_html_dom库分析汽车之家电动车参数
30
2
JS获取DOM元素的八种方法(含代码,简单易懂)
59
3
vue3通过ref获取dom元素并修改样式
130
4
vue创建dom的方法有哪些
28
5
在created中创建dom操作的方法是什么？
11
6
解释 Vue 的虚拟 DOM 及其优势。
22
7
Vue.js中的diff算法：让虚拟DOM更高效
46
8
在Vue中，还有哪些指令可以用于动态显示DOM元素？
22
9
当需要频繁地切换DOM元素的显示状态时，应该使用`v-if`还是`v-show`？
30
10
vue 虚拟DOM的优劣说明
27