zoukankan      html  css  js  c++  java
  • angular要点总结

    数据的呈现与数据绑定

    重点掌握以下指令的使用:

    • 和ng-bind的区别

    • 使用ng-repeat循环显示数据:

         ng-repeat可以说是最重要最常用的指令之一了,需要重点把握。

         在循环过程中,AngularJs能为特定控件关联上相应的对象。想象一下,你有一个列表,列表中的每一行都有一个“删除”按钮,你如何把每个按钮与特定的数据项关联起来?如果不关联,你怎么知道点击某个按钮,应该删除数据源中的哪个对象?在这点上,AngularJs确实干得漂亮,实现起来不费吹灰之力。

         另外,AngularJs还为循环提供了$index这样一个循环变量,这也是非常有用的。类似地,还有$first,$last,$middle……

    • 使用filter过滤数据

         (1)如何使用内置的filter

         (2)如何自定义filter

          filter的使用与定义都很简单,但在开发中却很有用。

    页面交互特性

    • 页面元素显示与隐藏

        ng-show/ng-hide

    • 监测数据变化

        可以使用

        (1)HTML元素的ng-change指令

        (2)使用$watch监控特定的数据,当其变化时调用特定的响应函数

    • 数据的查找

         有两种数据查找的方式:

        (1)如果在本地数据中进行查找,使用filter和ng-model足够,实现比较简单,也就几行代码的事

        (2)如果需要到服务器上搜索数据,则需要使用$http等发出AJAX请求,然后服务器返回Json数据

         这个就比较复杂了,涉及到Angular较多的东西,这是学习过程中的一大难关。

    • 响应事件

         ng-click, ng-change

    数据的CRUD操作

        有两种方式使用AngularJs实现Web应用常见的CRUD操作

        (1)单页面应用(SPA:Single Page Application):服务端就提供一个页面框架,在客户端使用AngularJs发出AJAX请求,从服务端提取数据,然后刷新页面,这种类型的Web应用,AngularJS起着一个核心的作用。

        (2)传统模式:这种方式在服务端完成数据的提取、页面生成等工作,AngularJS主要负责客户端的用户交互功能。

    就本网站而言,因为服务端使用ASP.NET MVC,这一框架能自动生成标准的CRUD代码,所以,本网站是使用第2种方式开发的,仅在需要在页面上实现比较复杂的用户交互时,才使用AngularJS。

  • 相关阅读:
    浅谈三层架构
    尺度空间(Scale space)理论
    漫游Kafka实现篇之消息和日志
    杭电 2095
    .net调用Outlook 批量发送邮件,可指定Outlook中的账号来发送邮件
    Java实现 蓝桥杯VIP 算法提高 计算时间
    Java实现 蓝桥杯VIP 算法提高 计算时间
    Java实现 蓝桥杯VIP 算法提高 计算时间
    Java实现 蓝桥杯VIP 算法提高 计算时间
    Java实现 蓝桥杯VIP 算法提高 最小乘积(提高型)
  • 原文地址:https://www.cnblogs.com/guzhixiang/p/4697037.html
Copyright © 2011-2022 走看看