AngularJS表現
AngularJSはHTMLにデータをバインドするために式を使用しています。
AngularJS表現
{{式}}:中括弧で書かれた式をAngularJS。
AngularJS表現はNG-bindコマンドは、同じ目的を持っているHTMLにデータをバインドします。
書込み位置「出力」データでAngularJS表現。
JavaScript式のような式をAngularJS:彼らは、テキスト、演算子、および変数を含めることができます。
例5 + 5 {{}}または{{firstNameの+ "" + lastNameの}}
AngularJS例
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8 ">
<SCRIPT SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </スクリプト>
</ HEAD>
<ボディ>
<DIV ngのアプリ= "" >
<P>私の最初の式:{{5 + 5}} </ P>
</ DIV>
</ BODY>
</ HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8 ">
<SCRIPT SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </スクリプト>
</ HEAD>
<ボディ>
<DIV ngのアプリ= "" >
<P>私の最初の式:{{5 + 5}} </ P>
</ DIV>
</ BODY>
</ HTML>
»をお試しください
AngularJSデジタル
AngularJS JavaScriptの桁の数字のように:
AngularJS例
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: {{ quantity * cost }}</p>
</div>
<p>总价: {{ quantity * cost }}</p>
</div>
»をお試しください
同じインスタンスngのバインドを使用します。
AngularJS例
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: <span ng-bind="quantity * cost"></span></p>
</div>
<p>总价: <span ng-bind="quantity * cost"></span></p>
</div>
»をお試しください
使用NG-initは非常に一般的ではありません。 あなたは、コントローラの章でデータを初期化するためのより良い方法であることを学びます。 |
AngularJS文字列
AngularJS JavaScriptの文字列stringのように:
AngularJS例
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: {{ firstName + " " + lastName }}</p>
</div>
<p>姓名: {{ firstName + " " + lastName }}</p>
</div>
»をお試しください
同じインスタンスngのバインドを使用します。
AngularJS例
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>
<p>姓名: <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>
»をお試しください
AngularJSオブジェクト
JavaScriptオブジェクトのようなオブジェクトをAngularJS:
AngularJS例
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为 {{ person.lastName }}</p>
</div>
<p>姓为 {{ person.lastName }}</p>
</div>
»をお試しください
同じインスタンスngのバインドを使用します。
AngularJS例
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为 <span ng-bind="person.lastName"></span></p>
</div>
<p>姓为 <span ng-bind="person.lastName"></span></p>
</div>
»をお試しください
AngularJSアレイ
配列としてAngularJS JavaScriptの配列:
AngularJS例
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三个值为 {{ points[2] }}</p>
</div>
<p>第三个值为 {{ points[2] }}</p>
</div>
»をお試しください
同じインスタンスngのバインドを使用します。
AngularJS例
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三个值为 <span ng-bind="points[2]"></span></p>
</div>
<p>第三个值为 <span ng-bind="points[2]"></span></p>
</div>
»をお試しください
AngularJS JavaScript式と式
JavaScript式と同様に、AngularJS式には、文字、演算子、変数を含めることができます。
異なる表情を持つJavaScriptは、AngularJS式は、HTMLで記述することができます。
異なる表情を持つJavaScriptは、AngularJS式は、条件、循環と異常をサポートしていません。
JavaScriptの式と異なる、AngularJS表現をサポートフィルター。