随笔分类 -  AngularJS笔记

摘要:Angular本身包含了一个叫做jqLite的可兼容性库。 使用过的angular.element()方法就返回一个jqLite对象, jqLite是jQuery库的子集,它 允许Angular以跨浏览器兼容的方式维护DOM。 jqLite并不试图覆盖jQuery库包含的所有方法,它旨在保持轻量, 阅读全文
posted @ 2017-05-06 17:21 向着太阳生 阅读(362) 评论(0) 推荐(0) 编辑
摘要:(1)ng-checked的值只是用来决定初始状态时选中还是为选中,ng-model 才是随着复选框是否被选中,来实时改变它绑定变量的值。 (2)如果初始状态ng-checked和ng-model指令同时存在,则复选框的初始状态是否被选中有ng-checked的值来决定,与ng-model无关。 ( 阅读全文
posted @ 2017-05-06 17:19 向着太阳生 阅读(531) 评论(0) 推荐(0) 编辑
摘要:addClass()-为每个匹配的元素添加指定的样式类名after()-在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点append()-在每个匹配元素里面的末尾处插入参数内容attr() - 获取匹配的元素集合中的第一个元素的属性的值bind() - 为一个元素绑定一个事件处理程 阅读全文
posted @ 2017-03-13 10:35 向着太阳生 阅读(604) 评论(0) 推荐(0) 编辑
摘要:$http请求的配置对象$http()接受的配置对象可以包含以下属性:method:http请求方式,可以为GET,DELETE,HEAD,JSONP,POST,PUTurl:字符串,请求的目标params:字符串或者对象,会被转换成为查询字符串追加的url后面data:在发送post请求时使用,作... 阅读全文
posted @ 2015-10-14 20:14 向着太阳生 阅读(1014) 评论(1) 推荐(0) 编辑
摘要:需要自己编写 directives 的情况通常是当你使用了第三方的 jQuery 插件。因为插件在 AngularJS 之外对表单值进行更改,并不能即时反应到 Model 中。例如我们用得比较多的 jQueryUIdatepicker插件,当你选中一个日期后,插件会将日期字符串填到 input 输入... 阅读全文
posted @ 2015-10-11 23:09 向着太阳生 阅读(491) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-05-17 15:18 向着太阳生 阅读(175) 评论(0) 推荐(0) 编辑
摘要:这种方法不推荐,应该使用服务来共享数据 阅读全文
posted @ 2015-05-16 15:17 向着太阳生 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-05-16 14:51 向着太阳生 阅读(101) 评论(0) 推荐(0) 编辑
摘要:AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样。后台路由,通过不同的URL会路由到不同的控制器上(controller),再渲染(render)到页面(HTML)。AngularJS的前端路由,需求提前对指定的(ng-app),定义路由规则(routeProvider... 阅读全文
posted @ 2015-03-04 21:04 向着太阳生 阅读(1148) 评论(0) 推荐(0) 编辑
摘要:多个控制器之间共享数据,通常两种方式,一种是在控制器里通过$scope.$$prevSibling或$scope.$$nextSibling获得另一个控制器的作用域对象。第二种是通过服务的方式,也是推荐的方式,不过值得注意的是,这两种方式的原理都是利用对象的赋值是通过指针引用的 阅读全文
posted @ 2015-03-03 20:27 向着太阳生 阅读(415) 评论(0) 推荐(0) 编辑
摘要:1. 创建一个Service,去服务器读取数据://$q是内置服务,所以可以直接使用ngApp.factory('UserInfo',['$http','$q',function($http,$q){return{query:function(){vardeferred=$q.defer();//声... 阅读全文
posted @ 2015-02-14 14:14 向着太阳生 阅读(287) 评论(0) 推荐(0) 编辑
摘要:var app =angular.module(‘myApp‘,[‘ngSanitize‘]);app.controller(‘ctrl‘,function($scope,$sce){ $scope.myHtml = ‘an html\n‘ + ‘click here\n‘ + ‘... 阅读全文
posted @ 2015-02-12 15:55 向着太阳生 阅读(392) 评论(0) 推荐(0) 编辑
摘要:指令是用来复用的是用来生成UI组件的。 阅读全文
posted @ 2015-02-06 12:32 向着太阳生 阅读(157) 评论(0) 推荐(0) 编辑
摘要:ngModelController方法$render();当视图需要更新的时候会被调用。使用ng-model的指令应该自行实现这个方法。$isEmpty(value);该方法用于判断输入值是否为空。例如,使用ngModelController的指令需要判断其中是否有输入值的时候会使用该方法。该方法可... 阅读全文
posted @ 2015-02-06 12:27 向着太阳生 阅读(550) 评论(0) 推荐(0) 编辑
摘要:这是一个只能输入偶数的验证指令 阅读全文
posted @ 2015-02-06 00:15 向着太阳生 阅读(255) 评论(1) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-02-05 20:35 向着太阳生 阅读(133) 评论(0) 推荐(0) 编辑
摘要:function DemoCtrl($scope){ $scope.count = 0; $scope.$on('myevent',function(){ $scope.count++; })}视图向同级以上dom所在的作用域传递,就是说只有同级以上的dom里访问才能访问到count属性... 阅读全文
posted @ 2015-02-05 12:50 向着太阳生 阅读(2110) 评论(0) 推荐(0) 编辑
摘要:自定义表单验证ngModel属性总结 阅读全文
posted @ 2015-02-04 01:12 向着太阳生 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-02-03 00:09 向着太阳生 阅读(138) 评论(2) 推荐(0) 编辑
摘要:服务里返回的数据是不是只能传给控制器,而不能传给指令呢?如果是的话那么指令只能通过配置scope属性来访问控制器里的数据 阅读全文
posted @ 2015-02-01 18:20 向着太阳生 阅读(77) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示