AngularJS入门知识之MVW类框架的编程思想探讨

本文通过实现两个简单的业务需求,探讨AngularJS和传统的JavaScript控制DOM实现方式的差别,并尝试理解MVW此类框架在流行的Web前端开发中的编程思想。

这个需求很常见,比如,一个两级菜单,在第一级别菜单项点击时候,对应的子菜单项目应该显示或隐藏。

jQuery的实现:

<!-- html -->

<ul class="parent">

    <li class="parent_item">

        Item 1

        <ul class="child">

            <li class="child_item">Item child 1</li>

        </ul>

    </li>

</ul>

// javascript

$('li.parent_item').click(function(){

    $(this).children('ul.child').toggle();

})

以上是 AngularJS入门知识之MVW类框架的编程思想探讨 的全部内容, 来源链接: utcz.com/z/356715.html

回到顶部