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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
校园失物招领系统管理系统按照操作主体分为管理员和用户。管理员的功能包括字典管理、论坛管理、公告信息管理、失物招领管理、失物认领管理、寻物启示管理、寻物认领管理、用户管理、管理员管理。用户的功能等。该系统采用了Mysql数据库,Java语言,Spring Boot框架等技术进行编程实现。 校园失物招领系统管理系统可以提高校园失物招领系统信息管理问题的解决效率,优化校园失物招领系统信息处理流程,保证校园失物招领系统信息数据的安全,它是一个非常可靠,非常安全的应用程序。 ,管理员权限操作的功能包括管理公告,管理校园失物招领系统信息,包括失物招领管理,培训管理,寻物启事管理,薪资管理等,可以管理公告。 失物招领管理界面,管理员在失物招领管理界面中可以对界面中显示,可以对失物招领信息的失物招领状态进行查看,可以添加新的失物招领信息等。寻物启事管理界面,管理员在寻物启事管理界面中查看寻物启事种类信息,寻物启事描述信息,新增寻物启事信息等。公告管理界面,管理员在公告管理界面中新增公告,可以删除公告。公告类型管理界面,管理员在公告类型管理界面查看公告的工作状态,可以对公告的数据进行导出,可以添加新公告的信息,可以编辑公告信息,删除公告信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值