AngularJSアプリケーション開発ガイド

1.2

 ショッピングカートの例

7

の役割は

$scope.greeting

モデルの初期化だけであり、他のこと（

$scope

の生成や取得など）に

ついては関与しなくてよいというのがこのパターンです。

依存性の注入は

AngularJS

が生成するオブジェクトのためだけのものではありません。任意の

オブジェクトやサービスも、同様にして注入できます。

1.1.5

 ディレクティブ

AngularJS

の優れた特徴の

1

つに、テンプレートを

HTML

として記述できるというものがあり

ます。

AngularJS

のコアの部分に、

DOM

の変換を行う強力なエンジンが含まれているためです。

これを利用し、

HTML

の構文を拡張できます。

ここまでの例の中でも、

HTML

の仕様に含まれていない属性がいくつか記述されています。例

えばデータバインディングのための

{{greeting.text}}

、コントローラがビューのどの部分を

監視するか指定するための

ng-controller

、入力フィールドをモデルに結びつけるための

ng-

model

が見られます。これらはディレクティブと呼ばれます。

ビューの定義に役立つディレクティブが、

AngularJS

には多数用意されています。いくつかに

ついてはこの後すぐ紹介します。ディレクティブを使い、テンプレートとして何が表示されるのか

を定義します。アプリケーションの働きを宣言的に記述し、再利用性の高いコンポーネントを作成

できるようになります。

ディレクティブは

AngularJS

に用意されているものだけではありま