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

6

1

章 イントロダクション

図1-3　入力フィールドの値を変更した結果

入力フィールドに対してイベントリスナーなどの設定は何も行っていませんが、動的に更新さ

れる

UI

を作成できました。同様の手法で、サーバ側のデータの取得や更新も行えます。コントロー

ラの中でサーバに対してリクエストを行い、返された値を

$scope.greeting.text

にセットしま

す。そしてこの値が、入力フィールドにも

{{greeting.text}}

の部分にも反映されます。

1.1.4

 依存性の注入

繰り返しますが、

HelloController

にはあまり多くのコードを記述していないにもかかわらず、

その内部ではさまざまな処理が行われています。例えば、データバインディングのための

$scope

は何もしなくても自動的に渡されます。

HelloController

のコンストラクタの引数として記述す

るだけで、このオブジェクトを利用できます。

後の章で詳しく解説しますが、コードに渡されるのは

$scope

だけではありません。ブラウザ上

での

URL

を知りたければ、同じくコンストラクタの第

2

引数を利用できます。

function HelloController($scope, $location) {

$scope.greeting = { text: "Hello" };

// $location

を使った処理

...

}

このような性質は、

AngularJS

での依存性の注入（

dependency injection

）の仕組みによって実

現されています。これを利用すると、依存先のオブジェクトを自身で生成せずに済み、必要な機能 ...