AngularJS 参考手册


AngularJS 指令

本教程用到的 AngularJS 指令 :

指令

描述

ng-app

定义应用程序的根元素。

ng-bind

绑定 HTML 元素到应用程序数据

ng-bind-html

绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HTML 字符串中危险字符

ng-bind-template

规定要使用模板替换的文本内容

ng-blur

规定 blur 事件的行为

ng-change

规定在内容改变时要执行的表达式

ng-checked

规定元素是否被选中

ng-class

指定 HTML 元素使用的 CSS 类

ng-class-even

类似 ng-class,但只在偶数行起作用

ng-class-odd

类似 ng-class,但只在奇数行起作用

ng-click

定义元素被点击时的行为

ng-cloak

在应用正要加载时防止其闪烁

ng-controller

定义应用的控制器对象

ng-copy

规定拷贝事件的行为

ng-csp

修改内容的安全策略

ng-cut

规定剪切事件的行为

ng-dblclick

规定双击事件的行为

ng-disabled

规定一个元素是否被禁用

ng-focus

规定聚焦事件的行为

ng-form

指定 HTML 表单继承控制器表单

ng-hide

隐藏或显示 HTML 元素

ng-href

为 the <a> 元素指定链接

ng-if

如果条件为 false 移除 HTML 元素

ng-include

在应用中包含 HTML 文件

ng-init

定义应用的初始化值

ng-jq

定义应用必须使用到的库,如:jQuery

ng-keydown

规定按下按键事件的行为

ng-keypress

规定按下按键事件的行为

ng-keyup

规定松开按键事件的行为

ng-list

将文本转换为列表 (数组)

ng-model

绑定 HTML 控制器的值到应用数据

ng-model-options

规定如何更新模型

ng-mousedown

规定按下鼠标按键时的行为

ng-mouseenter

规定鼠标指针穿过元素时的行为

ng-mouseleave

规定鼠标指针离开元素时的行为

ng-mousemove

规定鼠标指针在指定的元素中移动时的行为

ng-mouseover

规定鼠标指针位于元素上方时的行为

ng-mouseup

规定当在元素上松开鼠标按钮时的行为

ng-non-bindable

规定元素或子元素不能绑定数据

ng-open

指定元素的 open 属性

ng-options

在 <select> 列表中指定 <options>

ng-paste

规定粘贴事件的行为

ng-pluralize

根据本地化规则显示信息

ng-readonly

指定元素的 readonly 属性

ng-repeat

定义集合中每项数据的模板

ng-selected

指定元素的 selected 属性

ng-show

显示或隐藏 HTML 元素

ng-src

指定 <img> 元素的 src 属性

ng-srcset

指定 <img> 元素的 srcset 属性

ng-style

指定元素的 style 属性

ng-submit

规定 onsubmit 事件发生时执行的表达式

ng-switch

规定显示或隐藏子元素的条件

ng-transclude

规定填充的目标位置

ng-value

规定 input 元素的值

过滤器解析 AngularJs 过滤器


AngularJS 事件

AngularJS 支持以下事件:

· ng-click

· ng-dbl-click

· ng-mousedown

· ng-mouseenter

· ng-mouseleave

· ng-mousemove

· ng-keydown

· ng-keyup

· ng-keypress

· ng-change

事件解析: Angular 事件


AngularJS 验证属性

· $dirty

· $invalid

· $error

验证解析:Angular 验证


AngularJS 全局 API

转换

API

描述

angular.lowercase()

将字符串转换为小写

angular.uppercase()

将字符串转换为大写

angular.copy()

数组或对象深度拷贝

angular.forEach()

对象或数组的迭代函数

比较

API

描述

angular.isArray()

如果引用的是数组返回 true

angular.isDate()

如果引用的是日期返回 true

angular.isDefined()

如果引用的已定义返回 true

angular.isElement()

如果引用的是 DOM 元素返回 true

angular.isFunction()

如果引用的是函数返回 true

angular.isNumber()

如果引用的是数字返回 true

angular.isObject()

如果引用的是对象返回 true

angular.isString()

如果引用的是字符串返回 true

angular.isUndefined()

如果引用的未定义返回 true

angular.equals()

如果两个对象相等返回 true

JSON

API

描述

angular.fromJSON()

反序列化 JSON 字符串

angular.toJSON()

序列化 JSON 字符串

基础

API

描述

angular.bootstrap()

手动启动 AngularJS

angular.element()

包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。

angular.module()

创建,注册或检索 AngularJS 模块

全局 API 解析 :Angular API

AngularJS 参考手册的更多相关文章

  1. 【20】AngularJS 参考手册

    AngularJS 参考手册 AngularJS 指令 用到的 AngularJS 指令 : 指令 描述 解析 ng-app 定义应用程序的根元素. 指令 ng-bind 绑定 HTML 元素到应用程 ...

  2. (网页)AngularJS 参考手册

    指令 描述 ng-app 定义应用程序的根元素. ng-bind 绑定 HTML 元素到应用程序数据 ng-bind-html 绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HT ...

  3. AngularJS:参考手册

    ylbtech-AngularJS:参考手册 1.返回顶部 1. AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应用 ...

  4. Spring Security 5.0.x 参考手册 【翻译自官方GIT-2018.06.12】

    源码请移步至:https://github.com/aquariuspj/spring-security/tree/translator/docs/manual/src/docs/asciidoc 版 ...

  5. MySQL 5.1 参考手册CHM (官方 简体中文版)

    点此下载: MySQL 5.1 参考手册CHM (官方 简体中文版) 在线文档:http://doc.mysql.cn/mysql5/refman-5.1-zh.html-chapter/

  6. Vue.js 2.0 参考手册.CHM下载

    下载地址 Vue.js 2.0 参考手册.CHM下载链接: http://pan.baidu.com/s/1kVbhd4b 密码: wxfh

  7. Gulp.js 参考手册,自动化构建利器

    Gulp 是最新的基于 Node 的自动化构建工具,希望能够取代 Grunt,成为最流行的 JavaScript 任务运行器.通过结合 NodeJS 的数据流的能力,只需几步就能搭建起自己的自动化项目 ...

  8. DOM参考手册及事件参考手册

    给全局HTML DOM元素增加函数的方法 HTMLElement.prototype.hasClass = function (className) { return new RegExp(" ...

  9. jQuery 参考手册 - 遍历

    jQuery 参考手册 - 遍历 jQuery Ajax jQuery 数据 jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数描述 .add()将元素添加到匹 ...

随机推荐

  1. Web APi之异常处理(Exception)以及日志记录(NLog)(十六)

    前言 上一篇文章我们介绍了关于日志记录用的是Log4net,确实也很挺强大,但是别忘了我们.NET有专属于我们的日志框架,那就是NLog,相对于Log4net而言,NLog可以说也是一个很好的记录日志 ...

  2. iOS开发之地图与定位

    无论是QQ还是微信的移动客户端都少不了定位功能,之前在微信demo中没有添加定位功能,今天就写个定位的小demo来了解一下定位和地图的东西.地图和定位看上去是挺高大上一东西,其实用法比TableVie ...

  3. iOS开发之微信聊天页面实现

    在上篇博客(iOS开发之微信聊天工具栏的封装)中对微信聊天页面下方的工具栏进行了封装,本篇博客中就使用之前封装的工具栏来进行聊天页面的编写.在聊天页面中主要用到了TableView的知识,还有如何在俩 ...

  4. Google Chrome 应用商店上传扩展程序

    1. 进入 Google 开发者中心 网址: https://chrome.google.com/webstore/developer/dashboard?hl=zh-cn 2. 添加新项 上传后,出 ...

  5. JS实现带复选框的下拉菜单

    这段时间在做后台的时候需要一个可以复选的下拉菜单,用到的是easyUI中的combo的Demo,先看看官方easyUI:http://www.jeasyui.com/documentation/ind ...

  6. 工作流引擎Oozie(二):coordinator

    1. 简介 coordinator是workflow的定时提交器,基于时间条件与数据生成触发(based on time and data triggers).简单点说,coordinator按所定义 ...

  7. Moon.Orm 5.0 (MQL版) 欣赏另一种Orm的设计风格----大道至简

    Moon.Orm 5.0(MQL版)使用指南(二) 一.使用sql及存储过程 1)使用List<Dictionary<))) 2)MQL 全面接触

  8. Ionic2学习笔记(10):扫描二维码

    作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5575843.html 时间:6/11/2016     说明: 在本文发表的时候(2016-06-1 ...

  9. cookie设置保存用户名,填入中文名之后出现的错误500问题

    对于问题发生的原因以后再来补充: 解决方法就是在dologin.jsp当中使用URLEncode工具类,这个工具类在java的net包当中 <一>用户浏览器-->jsp  的过程 1 ...

  10. 【转】Mysql联合查询union和union all的使用介绍

    Mysql的联合查询命令UNION和UNION ALL,总结了使用语法和注意事项,以及学习例子和项目例子,需要的朋友可以参考下 一.UNION和UNION ALL的作用和语法 UNION 用于合... ...