【対応バージョン】
　AngularJS v1対応のTIPSです。
　Angular v2／v4以降に関しては「Angular TIPS - API別インデックス」を参照してください。

API別インデックス

【auto > service】 $injector ／ $provide

【ng > directive】 input ／ ngApp ／ ngApp／ngStrictDi ／ ngBind ／ ngBindHtml ／ ngBindTemplate ／ ngBlur ／ ngChange ／ ngClass ／ ngClassEven ／ ngClassOdd ／ ngClick ／ ngCloak ／ ngController ／ ngCopy ／ ngCsp ／ ngCut ／ ngDblclick ／ ngFocus ／ ngHide ／ ngHref ／ ngIf ／ ngJq ／ ngKeydown ／ ngKeypress ／ ngKeyup ／ ngList ／ ngModel ／ ngModelOptions ／ ngMousedown ／ ngMouseenter ／ ngMouseleave ／ ngMousemove ／ ngMouseout ／ ngMouseover ／ ngMouseup ／ ngNonBindable ／ ngOpen ／ ngPaste ／ ngPlurlize ／ ng-repeat ／ ngRepeat ／ ngShow ／ ngSrc ／ ngSrcset ／ ngStyle ／ ngSubmit ／ ngSwitch

【ng > filter】 currency ／ date ／ filter ／ json ／ limitTo ／ lowercase ／ number ／ orderBy ／ uppercase

【ng > function】 angular.bind ／ angular.bootstrap ／ angular.copy ／ angular.element ／ angular.equals ／ angular.extend ／ angular.forEach ／ angular.identity ／ angular.injector ／ angular.isDefined ／ angular.isString ／ angular.isUndefined ／ angular.lowercase ／ angular.merge ／ angular.module ／ angular.noop ／ angular.uppercase

【ng > provider】 $controllerProvider ／ $filterProvider ／ $locationProvider ／ $logProvider

【ng > service】 $compile ／ $exceptionHandler ／ $filter ／ $http ／ $interval ／ $location ／ $log ／ $rootScope ／ $sce ／ $window ／ timeout

【ng > type】 $rootScope.Scope ／ angular.Module

【ngCookies > provider】 $cookiesProvider

【ngCookies > service】 $cookies

【ngMessages > directive】 ngMessage ／ ngMessageExp ／ ngMessages ／ ngMessagesInclude

【ngMock > service】 $controller

【ngRoute > provider】 $routeProvider

【ngRoute > service】 $routeParams

【ngSanitize > filter】 linky

【モジュール】 ng ／ ngAnimate ／ ngAria ／ ngCookies ／ ngMessages ／ ngMock ／ ngMockE2E ／ ngResource ／ ngRoute ／ ngSanitize ／ ngTouch

auto > service

$injector

•  - AngularJSの管理外でサービスを注入するには？（$injector）
•  - AngularJSアプリの単体テストを実施するには？（実行編）
•  - AngularJSのサービスを単体テストするには？
•  - AngularJSのコントローラーを単体テストするには？
•  - AngularJSのディレクティブを単体テストするには？

$provide

•  - アプリ共通の例外処理を実装するには？（$exceptionHandler）

　

ng > directive

input

•  - 入力フォームに検証機能を実装するには？（form／input）

ngApp

•  - AngularJSを利用するには？
•  - AngularJSでモジュールを定義するには？
•  - AngularJSアプリでjQueryを利用するには？（element／ng-jq）

ngApp／ngStrictDi

•  - AngularJSの依存性注入を利用するには？

ngBind

•  - モデルをビューにバインドするには？（ng-bind／ng-cloak）
•  - ビューにHTML文書をバインドするには？（ng-bind-html）
•  - モデルをバインドするテンプレートを指定するには？（ng-bind-template）
•  - モデルへの入出力に際して処理を介するには？（ng-model-options）

ngBindHtml

•  - ビューにHTML文書をバインドするには？（ng-bind-html）

ngBindTemplate

•  - モデルをバインドするテンプレートを指定するには？（ng-bind-template）

ngBlur

•  - イベントリスナーを登録するには？（ng-clickなど）

ngChange

•  - イベントリスナーを登録するには？（ng-clickなど）

ngClass

•  - 要素のスタイルクラスを操作するには？（ng-class）
•  - 交互に異なるスタイルクラスを適用するには？（ng-class-odd／ng-class-even）

ngClassEven

•  - 交互に異なるスタイルクラスを適用するには？（ng-class-odd／ng-class-even）

ngClassOdd

•  - 交互に異なるスタイルクラスを適用するには？（ng-class-odd／ng-class-even）

ngClick

•  - イベントリスナーを登録するには？（ng-clickなど）
•  - 要素のスタイルプロパティを操作するには？（ng-style）
•  - 要素のスタイルクラスを操作するには？（ng-class）

ngCloak

•  - モデルをビューにバインドするには？（ng-bind／ng-cloak）
•  - コンテンツ・セキュリティ・ポリシーを利用する（ng-csp）

ngController

•  - AngularJSでコントローラーを定義するには？
•  - AngularJSの依存性注入を利用するには？

ngCopy

•  - イベントリスナーを登録するには？（ng-clickなど）

ngCsp

•  - コンテンツ・セキュリティ・ポリシーを利用する（ng-csp）

ngCut

•  - イベントリスナーを登録するには？（ng-clickなど）

ngDblclick

•  - イベントリスナーを登録するには？（ng-clickなど）

ngFocus

•  - イベントリスナーを登録するには？（ng-clickなど）

ngHide

•  - 要素の表示／非表示を切り替えるには？（ng-show／ng-hide／ng-open）

ngHref

•  - ハイパーリンクを動的に生成するには？（ng-href）

ngIf

•  - 条件式の真偽に応じて表示を切り替えるには？（ng-if）
•  - 要素の表示／非表示を切り替えるには？（ng-show／ng-hide／ng-open）

ngJq

•  - AngularJSアプリでjQueryを利用するには？（element／ng-jq）

ngKeydown

•  - イベントリスナーを登録するには？（ng-clickなど）

ngKeypress

•  - イベントリスナーを登録するには？（ng-clickなど）

ngKeyup

•  - イベントリスナーを登録するには？（ng-clickなど）

ngList

•  - 入力された区切り文字を配列に変換するには？（ng-list）

ngModel

•  - モデルをテキストボックスなどのフォーム要素にバインドするには？（ng-model）
•  - イベントリスナーを登録するには？（ng-clickなど）

ngModelOptions

•  - 不正な入力値もモデルに反映させるには？（ng-model-options）
•  - 日付／時刻値を入力する際にタイムゾーンを加味するには？（ng-model-options）
•  - モデルへの入出力に際して処理を介するには？（ng-model-options）

ngMousedown

•  - イベントリスナーを登録するには？（ng-clickなど）

ngMouseenter

•  - イベントリスナーを登録するには？（ng-clickなど）

ngMouseleave

•  - イベントリスナーを登録するには？（ng-clickなど）

ngMousemove

•  - イベントリスナーを登録するには？（ng-clickなど）

ngMouseout

•  - イベントリスナーを登録するには？（ng-clickなど）

ngMouseover

•  - イベントリスナーを登録するには？（ng-clickなど）

ngMouseup

•  - イベントリスナーを登録するには？（ng-clickなど）

ngNonBindable

•  - モデルをテキストボックスなどのフォーム要素にバインドするには？（ng-model）

ngOpen

•  - 要素の表示／非表示を切り替えるには？（ng-show／ng-hide／ng-open）

ngPaste

•  - イベントリスナーを登録するには？（ng-clickなど）

ngPlurlize

•  - 数値（単数／複数）によって表示を切り替えるには？（ng-plurlize）

ng-repeat

•  - 交互に異なるスタイルクラスを適用するには？（ng-class-odd／ng-class-even）
•  - 配列の内容を順に出力するには？（ng-repeat）
•  - ng-repeat要素でさまざまな繰り返しを表現するには？（ng-repeat）
•  - パラメーターを持ったフィルターを定義するには？（filter／identity／noopメソッド）

ngRepeat

•  - 入力された区切り文字を配列に変換するには？（ng-list）

ngShow

•  - 要素の表示／非表示を切り替えるには？（ng-show／ng-hide／ng-open）
•  - 入力フォームに検証機能を実装するには？（form／input）
•  - 不正な入力値もモデルに反映させるには？（ng-model-options）

ngSrc

•  - 画像を動的に生成するには？（ng-src／ng-srcset）

ngSrcset

•  - 画像を動的に生成するには？（ng-src／ng-srcset）

ngStyle

•  - 要素のスタイルプロパティを操作するには？（ng-style）

ngSubmit

•  - イベントリスナーを登録するには？（ng-clickなど）
•  - 入力フォームに検証機能を実装するには？（form／input）

ngSwitch

•  - 式の値によって表示を切り替えるには？（ng-switch）

　

ng > filter

currency

•  - 数値データに桁区切り文字を付けるには？（number／currency）

date

•  - 日付／時刻データを整形するには？（date）
•  - 日付／時刻値を入力する際にタイムゾーンを加味するには？（ng-model-options）

filter

•  - 配列の内容をフィルターするには？（filter）
•  - 自作の検索条件／比較ルールで配列を検索するには？（filter）

json

•  - JavaScriptオブジェクトをJSON形式に変換するには？（json）

limitTo

•  - 配列からm～n件目の要素を取り出すには？（limitTo）

lowercase

•  - 文字列を大文字／小文字に変換するには？（lowercase／uppercase）

number

•  - 数値データに桁区切り文字を付けるには？（number／currency）
•  - 既存のフィルターを利用して新たなフィルターを定義するには？（$filterサービス）

orderBy

•  - 配列をソートするには？（orderBy）
•  - 独自の規則で配列をソートするには？（orderBy）

uppercase

•  - 文字列を大文字／小文字に変換するには？（lowercase／uppercase）

　

ng > function

angular.bind

•  - thisキーワードの参照先を固定するには？（bindメソッド）

angular.bootstrap

•  - AngularJSを手動で起動するには？（bootstrap）

angular.copy

•  - 配列／オブジェクトをコピーするには？（copy）

angular.element

•  - AngularJSで文書ツリーを操作するには？（element）
•  - AngularJSアプリでjQueryを利用するには？（element／ng-jq）
•  - AngularJSを手動で起動するには？（bootstrap）

angular.equals

•  - 自作の検索条件／比較ルールで配列を検索するには？（filter）

angular.extend

•  - 複数のオブジェクトを結合するには？（extend／merge）

angular.forEach

•  - 配列／オブジェクトの内容を列挙するには？（forEach）
•  - クッキーを読み書きするには？（$cookies）

angular.identity

•  - パラメーターを持ったフィルターを定義するには？（filter／identity／noopメソッド）

angular.injector

•  - AngularJSの管理外でサービスを注入するには？（$injector）

angular.isDefined

•  - モデルへの入出力に際して処理を介するには？（ng-model-options）

angular.isString

•  - フィルターを自作するには？（filterメソッド）

angular.isUndefined

•  - モデルへの入出力に際して処理を介するには？（ng-model-options）

angular.lowercase

•  - 文字列を大文字／小文字に変換するには？（lowercase／uppercase）

angular.merge

•  - 複数のオブジェクトを結合するには？（extend／merge）

angular.module

•  - AngularJSでモジュールを定義するには？
•  - AngularJSでコントローラーを定義するには？
•  - AngularJSの依存性注入を利用するには？
•  - AngularJSを手動で起動するには？（bootstrap）
•  - ルーティング機能を実装するには？（$routeProviderプロバイダー）
•  - AngularJSアプリの単体テストを実施するには？（実行編）
•  - AngularJSのサービスを単体テストするには？
•  - AngularJSのコントローラーを単体テストするには？
•  - AngularJSのディレクティブを単体テストするには？

angular.noop

•  - パラメーターを持ったフィルターを定義するには？（filter／identity／noopメソッド）

angular.uppercase

•  - 文字列を大文字／小文字に変換するには？（lowercase／uppercase）

　

ng > provider

$controllerProvider

•  - AngularJSでコントローラーを定義するには？
•  - AngularJSの依存性注入を利用するには？

$filterProvider

•  - フィルターを自作するには？（filterメソッド）
•  - パラメーターを持ったフィルターを定義するには？（filter／identity／noopメソッド）
•  - 既存のフィルターを利用して新たなフィルターを定義するには？（$filterサービス）

$locationProvider

•  - ルーティングの挙動／設定をカスタマイズするには？（$routeProviderプロバイダー）

$logProvider

•  - ログをコンソールに出力するには？（$log）

　

ng > service

$compile

•  - AngularJSのディレクティブを単体テストするには？

$exceptionHandler

•  - アプリ共通の例外処理を実装するには？（$exceptionHandler）

$filter

•  - 文字列を大文字／小文字に変換するには？（lowercase／uppercase）
•  - 既存のフィルターを利用して新たなフィルターを定義するには？（$filterサービス）

$http

•  - サーバーサイドと非同期通信するには？（$http）
•  - サーバーサイドとHTTP POSTで非同期通信するには？（$http）
•  - JSON形式のWeb APIにアクセスするには？（$http）

$interval

•  - 指定された時間の経過で処理を実行するには？（$interval／$timeout）

$location

•  - ルーティング機能を実装するには？（$routeProviderプロバイダー）
•  - ルーティングの挙動／設定をカスタマイズするには？（$routeProviderプロバイダー）
•  - $injectorサービスでサービスの取得／存在確認を行うには？（$injector）

$log

•  - ログをコンソールに出力するには？（$log）
•  - アプリ共通の例外処理を実装するには？（$exceptionHandler）
•  - AngularJSの管理外でサービスを注入するには？（$injector）

$rootScope

•  - AngularJSのコントローラーを単体テストするには？
•  - AngularJSのディレクティブを単体テストするには？

$sce

•  - ビューにHTML文書をバインドするには？（ng-bind-html）

$window

•  - アプリ共通の例外処理を実装するには？（$exceptionHandler）

timeout

•  - 指定された時間の経過で処理を実行するには？（$interval／$timeout）

　

ng > type

$rootScope.Scope

•  - AngularJSのコントローラーを単体テストするには？
•  - AngularJSのディレクティブを単体テストするには？

angular.Module

•  - AngularJSでモジュールを定義するには？
•  - AngularJSでコントローラーを定義するには？
•  - AngularJSの依存性注入を利用するには？
•  - フィルターを自作するには？（filterメソッド）
•  - パラメーターを持ったフィルターを定義するには？（filter／identity／noopメソッド）
•  - 既存のフィルターを利用して新たなフィルターを定義するには？（$filterサービス）
•  - ルーティング機能を実装するには？（$routeProviderプロバイダー）
•  - 複数のコントローラー間で共有すべき値を管理するには？（valueメソッド）
•  - 複数のコントローラー間で共有すべき値を管理するには？（constantメソッド）
•  - アプリ内でよく利用するビジネスロジックを定義するには？（serviceメソッド）
•  - アプリ内でよく利用するビジネスロジックを定義するには？（factoryメソッド）
•  - パラメーター付きのサービスを定義するには？（providerメソッド）
•  - ディレクティブを自作するには？（directiveメソッド）
•  - ディレクティブで利用するテンプレートを外部ファイル化するには？（templateUrlプロパティ）
•  - ディレクティブ配下のコンテンツをテンプレートに反映させるには？（transcludeプロパティ）
•  - ディレクティブで属性を設定するには？（scopeプロパティ）
•  - 自作ディレクティブの属性にAngular式や関数を設定するには？（scopeプロパティ）
•  - 自作ディレクティブの挙動を定義するには？（controller／controllerAs／bindToControllerプロパティ）

　

ngCookies > provider

$cookiesProvider

•  - $cookiesサービスを利用する際の注意点とは？（$cookies）

　

ngCookies > service

$cookies

•  - クッキーを読み書きするには？（$cookies）
•  - $cookiesサービスを利用する際の注意点とは？（$cookies）

　

ngMessages > directive

ngMessage

•  - 式の真偽に応じて表示を切り替えるには？（ng-messages／ng-message）
•  - 別ファイルやJavaScriptでメッセージを管理するには？（ng-message-include／ng-message-exp）

ngMessageExp

•  - 別ファイルやJavaScriptでメッセージを管理するには？（ng-message-include／ng-message-exp）

ngMessages

•  - 式の真偽に応じて表示を切り替えるには？（ng-messages／ng-message）
•  - 別ファイルやJavaScriptでメッセージを管理するには？（ng-message-include／ng-message-exp）

ngMessagesInclude

•  - 別ファイルやJavaScriptでメッセージを管理するには？（ng-message-include／ng-message-exp）

　

ngMock > service

$controller

•  - AngularJSのコントローラーを単体テストするには？

　

ngRoute > provider

$routeProvider

•  - ルーティング機能を実装するには？（$routeProviderプロバイダー）
•  - URL経由でパラメーター情報を引き渡すには？（$routeProviderプロバイダー）
•  - ルーティングの挙動／設定をカスタマイズするには？（$routeProviderプロバイダー）
•  - $injectorサービスでサービスの取得／存在確認を行うには？（$injector）

　

ngRoute > service

$routeParams

•  - URL経由でパラメーター情報を引き渡すには？（$routeProviderプロバイダー）
•  - ルーティングの挙動／設定をカスタマイズするには？（$routeProviderプロバイダー）

　

ngSanitize > filter

linky

•  - URL／メールアドレスからハイパーリンクを生成するには？（linky）

　

モジュール

ng

•  - AngularJSでモジュールを定義するには？

ngAnimate

•  - AngularJSでモジュールを定義するには？

ngAria

•  - AngularJSでモジュールを定義するには？

ngCookies

•  - AngularJSでモジュールを定義するには？

ngMessages

•  - AngularJSでモジュールを定義するには？
•  - 数値（単数／複数）によって表示を切り替えるには？（ng-plurlize）

ngMock

•  - AngularJSでモジュールを定義するには？

ngMockE2E

•  - AngularJSでモジュールを定義するには？

ngResource

•  - AngularJSでモジュールを定義するには？

ngRoute

•  - AngularJSでモジュールを定義するには？

ngSanitize

•  - AngularJSでモジュールを定義するには？
•  - ビューにHTML文書をバインドするには？（ng-bind-html）
•  - URL／メールアドレスからハイパーリンクを生成するには？（linky）

ngTouch

•  - AngularJSでモジュールを定義するには？