AngularJS ng-bind 指示子

定義と用法

ng-bind インストラクションは、AngularJSが指定された変数や式の値を使用してHTML要素の内容を置き換えることを指示します。

指定された変数や式の値が変更された場合、指定されたHTML要素の内容も変更されます。

指定された変数や式の値が変更された場合、指定されたHTML要素の内容も変更されます。

<p>要素のinnerHTMLを変数myTextにバインドします:

<div ng-app="" ng-init="myText='Hello World!'">
<p ng-bind="myText"></p>
</div>

実際に試してみましょう

文法

<element ng-bind="expression</element>

または CSS クラスとして:

<element class="ng-bind: expression</element>

すべての HTML 要素がサポートされています。

パラメータ

パラメータ 説明
expression 計算する必要のある変数や式を指定してください。