AngularJS 式を使用するにはどうすればよいですか? angularjs での式の使用方法の詳細

この記事では、主に angularjs での式の使用法、angularjs の数値の使用例、angularjs の文字列、オブジェクト、配列の使用方法の詳細を紹介します。それでは、この記事を一緒に見てみましょう

。

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

AngularJS 式

AngularJS 式は、二重中括弧: {{ 式 }} 内に記述されます。

AngularJS 式はデータを HTML にバインドします。これは ng-bind ディレクティブと似ています。

AngularJS は、式が記述された場所にデータを「出力」します。

AngularJS 式は JavaScript 式 によく似ており、リテラル、演算子、変数を含めることができます。

インスタンス {{ 5 + 5 }} または {{ firstName + " " + lastName }}

AngularJS 数値

AngularJS 数値は JavaScript 数値とまったく同じです:

<p ng-app="" ng-init="quantity=1;cost=5">
 <p>总价： {{ quantity * cost }}</p>
 </p>

ng-bind を使用した同じインスタンス:

<p ng-app="" ng-init="quantity=1;cost=5">
 <p>总价： <span ng-bind="quantity * cost"></span></p>
 </p>

Using ng-init はあまり一般的ではありません。データを初期化するより良い方法については、「コントローラー」の章で説明します。

AngularJS 文字列

AngularJS 文字列は JavaScript 文字列と似ています:

<p ng-app="" ng-init="firstName=&#39;John&#39;;lastName=&#39;Doe&#39;">
<p>姓名： {{ firstName + " " + lastName }}</p>
</p>

ng-bind の同じインスタンスを使用します:

<p ng-app="" ng-init="firstName=&#39;John&#39;;lastName=&#39;Doe&#39;">
 <p>姓名： <span ng-bind="firstName + &#39; &#39; + lastName"></span></p>
</p>

AngularJS オブジェクト

AngularJS オブジェクトは JavaScript オブジェクトと似ています:

<p ng-app="" ng-init="person={firstName:&#39;John&#39;,lastName:&#39;Doe&#39;}">
 <p>姓为 {{ person.lastName }}</p>
 </p>

*lastName、大文字と小文字が区別されます(もしあなたがさらに詳しく知りたい場合は、PHP 中国語 Web サイトAngularJS 開発マニュアル にアクセスして学習してください)

ng-bind を使用した同じ例:

<p ng-app="" ng-init="person={firstName:&#39;John&#39;,lastName:&#39;Doe&#39;}">
 <p>姓为 <span ng-bind="person.lastName"></span></p>
 </p>

AngularJS 配列

AngularJS 配列は JavaScript 配列に似ています:

<p ng-app="" ng-init="points=[1,15,19,2,40]">
 <p>第三个值为 {{ points[2] }}</p>
 </p>

using ng-バインド 同じ例:

<p ng-app="" ng-init="points=[1,15,19,2,40]">
 <p>第三个值为 <span ng-bind="points[2]"></span></p>
 </p>

AngularJS 式と JavaScript 式

JavaScript 式と同様に、AngularJS 式には文字、演算子、変数を含めることができます。

JavaScript 式とは異なり、

AngularJS 式は HTML で記述できます。

AngularJS 式は条件判断、ループ、例外をサポートしません。

AngularJS 式はフィルターをサポートしています。
この記事はここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイト AngularJS ユーザー マニュアル にアクセスして学習してください)。ご質問がある場合は、以下にメッセージを残してください。

以上がAngularJS 式を使用するにはどうすればよいですか? angularjs での式の使用方法の詳細の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。