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(); })