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

2.3

 テンプレートとデータバインディング

33

2.3.8

 

Angular

式

テンプレートでの

Angular

式は、テンプレートとアプリケーションロジックそしてデータとを

接続し、同時にアプリケーションロジックがテンプレート内に侵入するのを防ぐということを意図

しています。これらは賢いやり方で実現されます。

ここまでに記述した

Angular

式では、データのプリミティブを指す参照をディレクティブに渡

すという使われ方がほとんどでした。しかし、

Angular

式は他にも多くの機能を持っています。四

則演算（

+

、

-

、

/

、

*

、

%

）や比較（

==

、

!=

、

>

、

<

、

>=

、

<=

）、論理演算（

&&

、

||

、

!

）、ビット演算（

^

、

&

、

|

）が可能です。コントローラの

$scope

で公開されている関数を呼び出したり、配列の要素やオブ

ジェクトのプロパティへのアクセス（

[ ]

、

{ }

、

.

）もできます。

次の例はすべて正当な

Angular

式です。

<div ng-controller="SomeController">

<div>{{recompute() / 10}}</div>

<ul ng-repeat="thing in things">

<li ng-class="{highlight: $index % 4 >= threshold($index)}">

{{otherFunction($index)}}

</li>

</ul>

</div>

1

つ目の表現（

recompute() / 10

）は正当ではあるのですが、テンプ ...