AngularJS 参考
AngularJS 指令
指令 | 描述 |
---|---|
ng-app | 定义应用程序的根元素。 |
ng-bind | 将 HTML 元素的内容绑定到应用程序数据。 |
ng-bind-html | 将 HTML 元素的 innerHTML 绑定到应用程序数据,并从 HTML 字符串中删除危险代码。 |
ng-bind-template | 指定文本内容应替换为模板。 |
ng-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 | 指定 <a> 元素的 url。 |
ng-if | 如果条件为假,则删除 HTML 元素。 |
ng-include | 在应用程序中包含 HTML。 |
ng-init | 为应用程序定义初始值。 |
ng-jq | 指定应用程序必须使用库,例如 jQuery。 |
ng-keydown | 指定键盘按下事件的行为。 |
ng-keypress | 指定键盘按下事件的行为。 |
ng-keyup | 指定键盘抬起事件的行为。 |
ng-list | 将文本转换为列表(数组)。 |
ng-maxlength | 指定输入字段允许的最大字符数。 |
ng-minlength | 指定输入字段允许的最小字符数。 |
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 | 指定根据 en-us 本地化规则显示的消息。 |
ng-readonly | 指定元素的 readonly 属性。 |
ng-repeat | 为集合中的每个数据定义模板。 |
ng-required | 指定元素的 required 属性。 |
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 | 指定输入元素的值。 |
AngularJS 在 HTML 元素上的指令
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
验证在 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 字符串并返回 JavaScript 对象 |
angular.toJson() | 获取 JavaScript 对象并返回 JSON 字符串 |
基础
API | 描述 |
---|---|
angular.bootstrap() | 手动启动 AngularJS |
angular.element() | 将 HTML 元素包装为 jQuery 元素 |
angular.module() | 创建、注册或检索 AngularJS 模块 |
全局 API 在 Angular API 中解释。