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 | 指定 focus 事件触发时的行为。 |
ng-form | 指定要从中继承控件的 HTML 表单。 |
ng-hide | 隐藏或显示 HTML 元素。 |
ng-href | 指定 <a> 元素的url。 |
ng-if | 如果条件为 false,则删除 HTML 元素。 |
ng-include | 在应用程序中包含 HTML。 |
ng-init | 定义应用程序的初始值。 |
ng-jq | 指定应用程序必须使用库,如jQuery。 |
ng-keydown | 指定 keydown 事件触发时的行为。 |
ng-keypress | 指定 keypress 事件触发时的行为。 |
ng-keyup | 指定 keyup 事件触发时的行为。 |
ng-list | 将文本转换为列表(数组)。 |
ng-maxlength | 指定输入字段中允许的最大字符数。 |
ng-minlength | 指定输入字段中允许的最小字符数。 |
ng-model | 将 HTML 控件的值绑定到应用程序数据。 |
ng-model-options | 指定如何在模型中进行更新。 |
ng-mousedown | 指定 mousedown 事件触发时的行为。 |
ng-mouseenter | 指定 mouseenter 事件触发时的行为。 |
ng-mouseleave | 指定 mouseleave 事件触发时的行为。 |
ng-mousemove | 指定 mousemove 事件触发时的行为。 |
ng-mouseover | 指定 mouseover 事件触发时的行为。 |
ng-mouseup | 指定 mouseup 事件触发时的行为。 |
ng-non-bindable | 指定此元素或其子元素中不能发生数据绑定。 |
ng-open | 指定元素的 open 属性。 |
ng-options | 在 <select> 列表中指定 <options>。 |
ng-paste | 指定粘贴事件触发时的行为。 |
ng-pluralize | 指定要根据 en-us 本地化规则显示的消息。 |
ng-readonly | 指定元素的只读属性。 |
ng-repeat | 为集合中的每个数据定义模板。 |
ng-required | 指定元素的必需属性。 |
ng-selected | 指定元素的选定属性。 |
ng-show | 显示或隐藏 HTML 元素。 |
ng-src | 指定 <img> 元素的 src 属性。 |
ng-srcset | 指定 <img> 元素的 srcset 属性。 |
ng-style | 指定元素的 style 属性。 |
ng-submit | 指定要在 onsubmit 事件上运行的表达式。 |
ng-switch | 指定将用于 显示/隐藏 子元素的条件。 |
ng-transclude | 指定填充的目标位置 |
ng-value | 指定输入元素的值。 |
基于 HTML 元素的 AngularJS 指令
AngularJS 修改一些 HTML 元素的默认行为。
元素 | 描述 |
---|---|
a | AngularJS 修改 <a> 元素的默认行为。 |
form | AngularJS 修改 <form> 元素的默认行为。 |
input | AngularJS 修改 <input> 元素的默认行为。 |
script | AngularJS 修改 <script> 元素的默认行为。 |
select | AngularJS 修改 <select> 元素的默认行为。 |
textarea | AngularJS 修改 <textarea> 元素的默认行为。 |
AngularJS 过滤器
过滤器 | 描述 |
---|---|
currency | 将数字格式化为货币格式。 |
date | 将日期格式化为指定格式。 |
filter | 从数组中选择项目的子集。 |
json | 将对象格式化为 JSON 字符串。 |
limitTo | 将数组或字符串限制为指定数量的元素/字符。 |
lowercase | 将字符串格式化为小写。 |
number | 将数字格式化为字符串。 |
orderBy | 通过表达式对数组进行排序。 |
uppercase | 将字符串格式化为大写。 |
过滤器详见本站的 Angular 过滤器.
AngularJS 验证属性
- $dirty
- $invalid
- $error
验证说明详见本站的 AngularJs 验证.
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 字符串并返回一个 JavaScript 对象 |
angular.toJson() | 获取一个 JavaScript 对象并返回一个 JSON 字符串 |
基础
API | 描述 |
---|---|
angular.bootstrap() | 手动启动 AngularJS |
angular.element() | 将 HTML 元素转为 jQuery 元素 |
angular.module() | 创建、注册或检索 AngularJS 模块 |
有关全局API的说明,请参见本站的 Angular API.