AngularJS API

2025年1月8日 | 阅读 4 分钟

API 的意思是 Application Programming Interface（应用程序编程接口）。

AngularJS 全局 API

全局 API 函数通过 Angular 对象访问。

API	描述
angular.lowercase()	将字符串转换为小写
angular.uppercase()	将字符串转换为大写
Angular.isString()	如果引用是字符串，则返回 true

angular.lowercase()

示例

<div ng-app="myApp" ng-controller="myCtrl">
  <p>{{ x1 }}</p>
  <p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.x1 = "John";
  $scope.x2 = angular.lowercase($scope.x1);
});
</script>

angular.uppercase()

示例

<div ng-app="myApp" ng-controller="myCtrl">
  <p>{{ x1 }}</p>
  <p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.x1 = "John";
  $scope.x2 = angular.uppercase($scope.x1);
});
</script>

Angular.isString()

示例

<div ng-app="myApp" ng-controller="myCtrl">
  <p>{{ x1 }}</p>
  <p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.x1 = "John";
  $scope.x2 = angular.isString($scope.x1);
});
</script>

angular.isnumber()

示例

<div ng-app="myApp" ng-controller="myCtrl">
  <p>{{ x1 }}</p>
  <p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.x1 = "John";
  $scope.x2 = angular.isString($scope.x1);
});
</script>

AngularJS 模块

ng（核心模块）

此模块默认提供，包含 AngularJS 的核心组件。

指令	这是你在模板代码中用于构建 AngularJS 应用程序的主要指令集。例如，ngClick、ngInclude、ngRepeat 等？
服务/工厂	它是应用程序 DI 中使用的核心服务集合。例如：$compile、$http、$location 等？
filter	ng 模块中的核心过滤器会在指令和表达式中渲染模板数据之前对其进行转换。例如，filter、date、currency、lowercase、uppercase 等...
全局 API	主要的全局 API 函数与 Angular 对象相关联。这些核心函数在应用程序的低级 JavaScript 操作中非常有用。一些例子包括：angular.copy()、angular.equals()、angular.element() 等...

ngRoute

使用 ngRoute 在应用程序中启用 URL 路由。ngRoute 模块通过 hashbang 和 HTML5 pushstate 支持 URL 管理。

包含 angular-route.js 文件并将 ngRoute 设置为依赖项，以便它能在你的应用程序中工作。

服务/工厂	以下服务用于路由管理 $routeParams 用于访问 URL 中存在的查询字符串值。 $route 用于访问当前正在访问的路由的详细信息。 $routeProvider 用于向应用程序注册路由。
指令	ngView 指令将在页面中显示当前路由的模板。

ngAnimate

使用 ngAnimate 在应用程序中启用动画功能。包含 ngAnimate 后，各种核心 AngularJS 指令将为你的应用程序提供动画钩子。动画使用 CSS 过渡/动画或 JavaScript 回调定义。

包含 angular-animate.js 文件并将 ngAnimate 设置为依赖项，以便它能在你的应用程序中工作。

服务/工厂	使用 $animate 在你的指令代码中触发动画操作。
基于 CSS 的动画	遵循 ngAnimate 的 CSS 命名结构，在 AngularJS 中引用 CSS 过渡/关键帧动画。定义后，可以通过在 HTML 模板代码中引用 CSS 类来触发动画。
基于 JavaScript 的动画	使用 module.animation() 注册 JavaScript 动画。注册后，可以通过在 HTML 模板代码中引用 CSS 类来触发动画。

ngAria

使用 ngAria 将常见的可访问性功能包含在指令中，并改善残障用户的体验。

包含 angular-aria.js 文件并将 ngAria 设置为依赖项，以便它能在你的应用程序中工作。

服务	$aria 服务包含将 ARIA 属性应用于 HTML 的辅助方法。 $ariaProvider 用于配置 ARIA 属性。

ngResource

在查询和发布数据到 REST API 时使用 ngResource 模块。

包含 angular-resource.js 文件并将 ngResource 设置为依赖项，以便它能在你的应用程序中工作。

服务/工厂

$resource 服务用于定义与 REST API 通信的 RESTful 对象。

包含 angular-cookies.js 文件并将 ngCookies 设置为依赖项，以便它能在你的应用程序中工作。

服务/工厂

$cookies 服务是存储浏览器 Cookie 中简单数据的便捷封装。

ngTouch

为移动浏览器/设备开发时使用 ngTouch。

包含 angular-touch.js 文件并将 ngTouch 设置为依赖项，以便它能在你的应用程序中工作。

服务/工厂	$swipe 服务用于注册和处理移动 DOM 事件。
指令	ngTouch 中有各种指令可用于模拟移动 DOM 事件。

ngSanitize

使用 ngSanitize 安全地解析和操作应用程序中的 HTML 数据。

包含 angular-sanitize.js 文件并将 ngSanitize 设置为依赖项，以便它能在你的应用程序中工作。

服务/工厂	$sanitize 服务用于快速轻松地清理危险的 HTML 代码。
filter	Linky Filter 用于将提供的字符串中的 URL 转换为 HTML 链接。

ngMock

在单元测试中，使用 ngMock 来注入和模拟模块、工厂、服务和提供程序。

为了使其生效，请在你的测试运行器中包含 angular-mocks.js 文件。

服务/工厂	ngMock 将扩展各种核心服务的行为，使其成为可测试的，并且可以以同步的方式进行管理。例如：$timeout、$interval、$log、$httpBackend 等...
全局 API	有许多辅助函数可用于在单元测试代码中注入和模拟模块。例如：inject()、module()、dump() 等...

下一主题Angular 模板

AngularJS API

AngularJS 全局 API

AngularJS 模块

ngRoute

ngAnimate

ngAria

ngResource

ngTouch

ngMock

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS API

AngularJS 全局 API

AngularJS 模块

ngRoute

ngAnimate

ngAria

ngResource

ngTouch

ngMock

相关帖子

Angular 图表组件

Angular RouterLink

Angularjs 简单日期选择器指令示例

Angular 9/8 路由和嵌套路由

Angular Flex 布局

AngularJS 范围

如何在 AngularJS 中禁用 Div 标签？

在 Visual Studio 中设置 Angular 环境

Angular AWS

Angular 模板

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器