bboyjoe的博客

AngularJS的样式指令： ng-classng-styleng-hrefng-srcng-attr-(suffix) AngularJS的DOM操作指令： ng-ifng-show / ng-hideng-switchng-open Angular基础 .red{ color:#01C5

在Angular网页应用中，数据绑定是数据模型(model)与视图(view)组件的自动同步。Angular的实现方式允许你把应用中的模型看成单一数据源。而视图始终是数据模型的一种展现形式。当模型改变时，视图就能反映这种改变，反之亦然。 Angular模板的工作方式与大多数只能单向数据绑定的模板差别体现在：其一，模板（指未经编译的附加了标记和指令的HTML）是在浏览器中编译的。其

Angular.js中实现MVC的方式：

AngularJS简介 ,Angular //定义模块 var myModule=angular.module('MyModule',[]); //双向数据绑定、MVC my

一.常用指令： 1)ng-app:定义应用程序的根元素； 2)ng-model:绑定应用程序数据到html元素； 3)ng-bind:绑定html元素到应用程序数据； Angular基础 在输入框中尝试输入： 姓名： {{name}} 显示效果：

$http请求数据主要会有以下三种方式 1.get请求 2.post请求 3.jsonp Angular基础 姓： 名： 姓名： var myApp=angular.module('myApp',[]); myApp.controller('personCtrl',fu

AngularJs的过滤器用于转化数据： 1)uppercase——格式化字符串为大写； 2)lowercase——格式化字符串为小写； 3)currency——格式化数字为货币格式； 4)orderBy——根据某个表达式排列数组； 5)filter——从数组项中选择一个子集 Angular基础 将字符串转换为大小写：

技术要点： 1)$scope代表指定控制器内的数据模型； 2)$rootScope代表全局作用域的数据模型； 3)控制器可以实现继承； 4)依赖注入时可以实现代码压缩； 5)run方法初始化全局的数据，只对全局作用域起作用，如$rootScope Angular基础 {{name}} {{age}}

$apply()的作用是传播Model的变化； 下面用一个定时刷新来示例： Angular基础 {{name}} {{age}} var myApp=angular.module('myApp',[]); myApp.controller('firstCtrl',function($scope,$timeo

AngularJS的事件指令： ng-click / ng-dbclickng-mousedown / ng-mouseupng-mouseenter / ng-mouseleaveng-mousemove / ng-mouseover / ng-mouseoutng-keydown / ng-keyup /ng-keypressng-focus / ng-blurng-submit

AngularJS的路由在实际应用中更多是由另外封装好的angular-ui-router.js实现的！ 为什么不用Ajax而要用前端路由？ 示例： var routerApp = angular.module('routerApp', ['ui.router']); rout

1.AngularJS的filter过滤器： uppercase|lowercase:大小写转换过滤json:json格式过滤date:日期格式过滤number:数字格式过滤currency:货币格式过滤filter:查找limitTo：字符串对象截取orderBy:对象排序 Angular基础 将字符串转换为大小写：

AngularJs提供了三种方法可以自定义服务，分别是provider、factory、service.请注意三者之间的区别。 有三种方式可以自定义服务： 第一种方式，在module中以回调函数的形式作为参数引入： Angular基础 {{name}} var myApp=angular.module('myA

$http服务：get/post/jsonp; $location服务解析地址栏中的URL(基于window.location)，让你在应用代码中能获取到。 改变地址栏中的URL会反应在$location服务中，反之亦然。 $location服务： 1）暴露当前地址栏的URL,这样你就能获取并监听URL、改变URL； 2）当出现以下情况时同步URL：改变地址栏、点击了后退按钮(或

这里主要是用到了$watch监察数据的变化，并用正则判断数据是否符合要求。 关键HTML代码：

angularJS的工具方法主要有以下这些： angular.bind angular.bootstrap angular.copy angular.element angular.equals angular.extend angular.forEach angular.fromJson angular.isArray angular.isDate angular.isDe

一.$http服务    示例：通过$http服务，请求服务器端数据。 {{user.name}} var myModule=angular.module("MyModule",[]); myModule.controller('LoadDataCtrl', ['$scope','$http', function($scope,$http

示例1： var appModule = angular.module('TestFormModule', []); appModule.controller("TestFormModule",function($scope){ $scope.user={ userName:'Jason', passw

一.restrict属性： 示例： var myModule = angular.module("MyModule", []); myModule.directive("hello", function() { return { restrict: 'AEMC', template: