javascript - angular中能不能实现react那样基于state驱动视图DOM重绘

问题描述

问 题

angular实现这个购物车，将一个数组赋给了一个$scope.arr，然后视图中ng-repeat循环这个$scope.arr创建出这个商品列表。

此时单击最后一个商品的删除按钮，将$scopr.arr数组里对应的最后一条数据删掉，模型变化了，视图中数据也发生了变化，视图中的数据是没有了，但是最后一个空的<li>标签还是存在，难道这只能操作DOM去移除这个li的节点对象？

angular能不能实现像react那样，数据模型发生变化，驱动视图DOM重绘？如果不能，在angular中有什么好的实践方法去解决这个问题，是不是只能去移除DOM节点？

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

你问这个问题说明你并不了解angular，angular是数据驱动，一切以数据为主导。angular中，dom是根据数据变化。如你所说，你为什么一定要在意那个li标签在不在呢？事实上我觉得是你的写法有误，最后那个点还在，说明数组里还是有元素的。建议你把数组输出一下，最后一个元素可能是空也可能是undefined。

这篇关于javascript - angular中能不能实现react那样基于state驱动视图DOM重绘的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！