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参考手册