![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angularjs1.X
文章平均质量分 96
GISer.Wang
这个作者很懒,什么都没留下…
展开
-
(1)AngularJS 1.X 之 认识AngularJS
什么是Angularjs1 Angularjs 1X 版本的功能2 Angularjs 1X 版本的主要特性Angularjs 1X版本之Hello world1 Hello World 代码示例2 解释Angularjs 1X版本执行过程Angularjs 1X 中专有名词1 AngularJS指令2 AngularJS表达式3 AngularJS控制器4 AngularJS过原创 2017-02-05 15:10:24 · 1000 阅读 · 0 评论 -
(12)AngularJS 1.X 之$watch和$apply方法
引言watch和apply方法1 watch对象的创建1 apply方法实现双向绑定1.引言 在本篇博客中主要介绍一下AngularJS中的数据双向绑定,我们是否有过这个疑问:为什么我们使用ng-model命令可以实现双向绑定呢?在以前的博客中我们说过有一个$watch队列的概念,只要在页面绑定一个变量就会生成一个$watch对象,然后将该对象放入到$watch队列中,然后我们使用n原创 2017-02-09 18:37:06 · 724 阅读 · 0 评论 -
(11)AngularJS 1.X 之自定义服务
引言通过service方法自定义服务1 使用模块service方法自定义服务2 使用provide服务的service方法自定义服务3 service自定义服务解释通过factory方法自定义服务1 使用模块factory方法自定义服务2 使用服务factory方法自定义服务3 解释factory方法自定义的服务通过provider方法自定义服务1 provider定义简单服务原创 2017-02-09 15:49:17 · 895 阅读 · 0 评论 -
(10)AngularJS 1.X 之常用服务
引言常用服务的使用1scope和rootScope服务的使用11 scope服务的使用12 rootscope服务的使用13 供应商服务注入到其他方法中apprun方法2 http服务的使用21 httpget方法的使用22 httppost方法的使用3 location服务的使用31 host方法的使用32 url方法的使用33 path方法的使用34 replace方法原创 2017-02-08 20:18:19 · 733 阅读 · 0 评论 -
(9)AngularJS 1.X 之自定义过滤器
引言自定义过滤器1 自定义没有属性的过滤器2 自定义有属性的过滤器3 自定义过滤器中使用服务1.引言 在上一篇博客中我们说了9个AngularJS提供的过滤器,在真实开发环境中AngularJS提供的9中过滤器远远不能满足我们的需求,在很多的时候我们需要自定义我们自己的过滤器,在本篇博客中我们就介绍一下如何创建我们自己的过滤器,然后如何在表达式中创建自己的过滤器,如何在过滤器服务原创 2017-02-07 19:50:24 · 588 阅读 · 0 评论 -
(8)AngularJS 1.X 之过滤器
引言在表达式中使用过滤器1 currency过滤器的使用2 lowercase过滤器的使用3 uppercase过滤器的使用4 json过滤器的使用5 data过滤器的使用6 number过滤器的使用7 limitTo过滤器的使用8 orderBy过滤器的使用9 filter过滤器的使用过滤器在指令中的使用过滤器在服务中的使用js代码中使用1 lowercase过滤器2原创 2017-02-07 16:06:46 · 568 阅读 · 0 评论 -
(6)AngularJS 1.X 与页面控制相关的指令
引言AngularJS控制页面元素1 ng-if指令控制页面11 代码实例2 ng-repeat指令控制页面21 代码实现3 ng-switch指令控制页面31代码实现4 ng-show指令控制页面41 代码实现5 ng-include指令控制页面51 ng-include包含页面52 ng-include包含模版53 ng-include注意的地方6 ng-b原创 2017-02-07 12:22:33 · 805 阅读 · 0 评论 -
(5)AngularJS 1.X 之事件指令
引言AngularJS事件指令1 代码实现1.引言 在上一篇博客中我们介绍了AngularJS中的控制器,在本篇博客中主要介绍一下AngularJS扩展的事件,其中AngularJS扩展的事件有很多,详细的可以去查看帮助文档,在这里主要介绍几个比较特殊的事件:ng-click:鼠标点击触发事件ng-copy:复制文本内容时触发事件(ctrl+c)ng-cut:剪切文本内容时触发原创 2017-02-06 18:06:12 · 1227 阅读 · 0 评论 -
(4)AngularJS 1.X 之控制器
引言AngularJS之控制器1 ng-init指令创建变量11 代码实现12 运行结果13 代码解释2 通过控制器赋值变量21 代码实现22 代码解释3 控制器产生作用域31 代码实现32 代码解释1.引言 在起初我们就说过AngularJS基于MVC的实现,在开发过程中我们是将controller和view分离的,在此篇博客中我们就来看看如果在AngularJS中原创 2017-02-06 15:35:28 · 623 阅读 · 0 评论 -
(3)AngularJS 1.X 之和Input相关的指令
引言AngularJS的input验证1 input验证代码实现11 验证标签的合法性12 验证标签的错误性13 结合合法和错误实现我们的表单验证2 AngularJS帮助文档AngularJS的input其他扩展1 控制标签是否可用2 控制input标签只可读3 控制复选框选中4 控制select选中总结1.引言 在上一篇博客中主要说了两个指令:ng-model原创 2017-02-06 12:21:21 · 1016 阅读 · 0 评论 -
(2)AngularJS 1.X 之和数据绑定相关的指令
引言和数据绑定相关指令1 代码实现2 代码解释双向绑定是如何实现的1 双向绑定原理watch 队列2 双向绑定原理digest循环3 双向绑定原理apply方法总结1.引言 在上一篇博客中我们介绍了两个指令,一个是ng-app,另外一个是ng-init,其中前一个是指令angularjs的作用域,第二个指令是设置angular初始化变量的,在本片博客中,我们将会介绍一下和数原创 2017-02-05 18:35:48 · 705 阅读 · 0 评论 -
(13)AngularJS 1.X 之ngRoute插件
引言路由控制页面的跳转1 主页面控制页面的跳转2 页面替换自身位置借助location服务路由跳转传递参数路由事件1 代码实现2 结果分析1.引言 AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样。 后台路由:通过不同的 URL 会路由到不同的控制器上(controller),再渲染(render)到页面(HTML)。AngularJS 的前端路原创 2017-02-09 20:24:58 · 806 阅读 · 0 评论