AngularJS入门知识之MVW类框架的编程思想探讨
本文通过实现两个简单的业务需求,探讨AngularJS和传统的JavaScript控制DOM实现方式的差别,并尝试理解MVW此类框架在流行的Web前端开发中的编程思想。
这个需求很常见,比如,一个两级菜单,在第一级别菜单项点击时候,对应的子菜单项目应该显示或隐藏。
jQuery的实现:
<!--html--> <ulclass="parent"> <liclass="parent_item"> Item1 <ulclass="child"> <liclass="child_item">Itemchild1</li> </ul> </li> </ul>
//javascript $('li.parent_item').click(function(){ $(this).children('ul.child').toggle(); })