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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...