AngularJS入门

        学了一周的AngularJS,简单地谈一谈AngularJS。

        AngularJS是一个用来构建的工具集,很适合应用程序开发。AngularJS能为应用程序扩展HTML的词汇,产生的环境非常具有表现力、可读性、快速发展。它可完全扩展,而且与别的库协作得很好。每个功能都可以被修改或替代,以适合开发和功能需要。

        AngularJS通过表达式把数据绑定到HTML,这个表达式是把内容写到双大括号内:

        { { expression } };

        这样就通过把表达式把数据绑定到了HTML。

        AngularJS指令是扩展的HTML属性,显著特性是带有ng-,AngularJS指令很实用,举几个常用的例子。

AngularJS指令 功能
ng-app 定义了AngularJS应用程序的根元素。在网页加载完毕时会自动引导应用程序
ng-init 为AngularJS应用程序定义了初始值。(也可使用一个控制器或模块来代替它)
mg-model 绑定HTML元素到应用程序数据
ng-repeat 对于集合中(数组中)的每个项会复制一次HTML元素
ng-bind  绑定HTML到应用程序数据
ng-click 定义元素被单击时的行为
ng-controller 为应用程序定义控制器对象
ng-disabled 绑定应用程序到HTML的disabled属性
ng-show 显示或隐藏HTML元素

        AngularJS一个很有特点的功能就是它的过滤器,这是我在学习其他语言时还没学过的一项功能,让我对它有了很深的印象,现在来总结一下目前看过的AngularJS过滤器。

过滤器 描述
currency 格式化数字为货币格式
filter 从数组项中选择一个子集
lowercase 格式化字符串为小写
orderBy 根据某个表达式排列数组
uppercase 格式化字符串为大写

    Angular过滤器的使用方法是通过一个管道字母( | )和一个过滤器添加到表达式中。例如{ { country | uppercase } }。除了这些已有的过滤器,也可以根据自己的需要自定义一些过滤器。还能把过滤器和其他功能结合起来实现一些所需的功能。

AngularJS入门

        加的这个过滤器作用就是把字符串变成小写,结果为

AngularJS入门

        其他过滤器使用方式也是一样,作用在上表中,这个过滤器非常的实用,让人爱不释手。

        关于AngularJS的内容还有很多很多,下次再继续说道。

                                                


参考内容:AngularJS参考手册