AngularJS 式

AngularJS は、式を使用して、データを HTML にバインドします。

AngularJS 式

AngularJS の式は、2 重のなみ括弧内に記述します： {{ 式 }}。

AngularJS の式は、ディレクティブの中に書くこともできます：ng-bind="式"。

AngularJS は式を解釈し、式が書かれているその場所に結果を返します。

AngularJS 式は、JavaScript 式と非常に似ています： 式には、リテラル、演算子、変数を含むことができます。

例 {{ 5 + 5 }} または {{ firstName + " " + lastName }}

ng-app ディレクティブを削除すると、HTML はそれを解釈せずに式をそのまま表示します：

好きな場所に式を書くことができます。AngularJS は、単純に式を解釈して結果を返します。

例：AngularJS に、CSS プロパティの値を変更させてみましょう。

値を変更することで、下の入力ボックスの色を変更します：

AngularJS 数値

AngularJS の数値は、JavaScript の数値に同じです：

ng-bind 使用した同じ例：

		<ng-init の使用は、あまり一般的ではありません。 コントローラに関する章の中で、データを初期化するための良い方法を学習します。

AngularJS 文字列

AngularJS の文字列は、JavaScript の文字列に同じです：

ng-bind ng-bind 使用した同じ例：

AngularJS オブジェクト

AngularJS のオブジェクトは、JavaScript オブジェクトに同じです：

ng-bind 使用した同じ例：

AngularJS 配列

AngularJS の配列は、JavaScript の配列に同じです：

ng-bind 使用した同じ例：

AngularJS 式 対 JavaScript 式

JavaScript の式と同様、AngularJS の式にはリテラル、演算子、変数が含まれます。

JavaScript の式とは異なり、AngularJS の式は HTML の中に記述します。

AngularJS の式は、条件分岐、ループ、例外をサポートしていませんが、JavaScript の式ではサポートしています。

AngularJS の式は、フィルタをサポートしていますが、JavaScript の式ではサポートしていません。