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

140

6

章 ディレクティブ

両者の主な違いは、

link

では

$scope

にアクセスできるが

compile

ではできないという点にあ

ります。コンパイルの段階では、まだ

$scope

は用意されていないためです。しかし、

compile

の

中で

link

の関数を返すことはでき、この

link

の関数の中では

$scope

にアクセスできます。

compile

と

link

の関数はともに、

DOM

の要素とこの要素が持つ属性のリストとを引数として

受け取ります。

compile

で渡されるのはテンプレートの要素とその属性であり、変数名に

t

という

接頭辞を付加しています。一方、

link

ではテンプレートから生成されたビューのインスタンスが

渡されるため、接頭辞を

i

にしています。

このような区別が意味を持つのは、テンプレートのコピーを作成するような別のディレクティ

ブの中にこのディレクティブが含まれている場合だけです。

ng-repeat

ディレクティブが

1

つの例

です。

<div ng-repeat='thing in things'>

<my-widget config='thing'></my-widget>

</div>

この 例で も、

compile

の関 数は

1

回だ け呼 び出 され、

link

は生 成さ れる

my-widget

の個 数

（

things

内の要素の個数）分だけ呼び出されます。したがって、もし

my-widget

の中ですべてのイ

ンスタンスに共通の変更を行いたいとしたら、それは

compile

の関数の中で行うべきです。

compile