Angular前端框架学习心得

引用

1》CDN引用：
< script src=“https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js”>
2》本地下载后使用：
< script charset=“utf-8” src="…/…/lib/angular/angular/angular-min.js">

使用

分层

controller层：
(function () {
var app = angular.module(“app”,[“uniformProject”,“uniformCommon”,“fmBase”,“base64”]);//模块注入
app.controller(“testCtrl”, [,function () {
}]);

})();//需要加一个括号，闭包函数
service层：
(function () {
var APP = angular.module(“test”);
APP.factory(“testService”, [" h t t p " , f u n c t i o n ( http", function ( http",function(http) {
}]);
})();

相关组件

• 服务：（终于注入服务模块）
  1》$ jsonpCallbacks
  2》$ log：
  3》$ http
  4》$ compile
  5》$ animate
  6》$ interval
  7》$ controller
  8》$ rootScope
  9》$ document
  10》$ parse
  11》$ filter
  12》$ location
  13》$ sce
  14》$ window
  15》$ timeout
• 函数
  1》angular.toJson（）：把对象转为Json字符串
  2》angular.uppercase（）：将指定的字符串转换为大写。
  3》angular.equals（）：比较两个值或者两个对象是不是相等
  4》angular.isUndefined（）：判断参数是否是一个Undefined。
  5》angular.isstring（）：判断参数是否是一个字符串。
  6》angular.isDate（）：判断参数是否是时间类型
  7》angular.isNumber（）：判断参数是否是一个Number。
  8》angular.forEach（）：循环对obj对象的每个元素调用iterator,
  9》angular.isObject（）：判断参数是否是一个Object。
• 提供者
  $httpProvider
  $filterProvider
  $parseProvider
  $logProvider
  $locationProvider
• 指令（封装的一些事件功能）
  ngInit： ng-init=“myText=‘Hello World!’”
  ngMouseup：
  ngcopy：在输入框的文本被拷贝时执行表达式:
  ngApp：让 body 元素称为 AngularJS 应用的根元素:
  ngBind：绑定

  内的 innerHTML 到变量 myText:
  ngInclude：
  ngChange：
  ngRepeat：
  ngMousemove：
  ngModel：
  ngShow：
  ngDblclick：
  ngBlur：
  ngClick：
  ngStyle：
  ngReadonly
  ngFocus
  ngSrc：添加图片地址:
  ngHref
  ngSubmit：表单提交后执行函数:
  ngSelected：
  ngdisabled
  ngMouseenter
  ngBindhtml：绑定

  内的 innerHTML 到变量 myText:
  ngClass：
  ngCloak：页面加载时防止应用闪烁:
  ngMouSEOver：在鼠标指针移动到元素上时执行表达式：

• 对象
• 过滤器：{{* | *}}通过管道字符‘|’， {{ lastName | uppercase }}
  filter
  json
  uppercase
  currency
  orderBy
  number
  date
  lowercase
  limitTo
• 类别
  select.SelectController
  form.FormController
  $cacheFactory.Cache
  angular.Module
  ModelOptions
  ngModel.NgModelController
  $rootScope.Scope
  $compile.directive.Attributes