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