anjular js 表達式

1：angular js 表達式

 

HTML5 容許擴展的（自制的）屬性，以 data- 開頭。
AngularJS 屬性以 ng- 開頭，可是您可使用 data-ng- 來讓網頁對 HTML5 有效。     

       ng-init 指令初始化 AngularJS 應用程序變量。

表達式：把數據綁定到html。

  angular js 表達式寫在雙大括號內{{expression}}

anjular js 表達式數據綁定到html與ng- bind指令相同

  

2：anjular js 數字    

   

<div ng-app= "" ng-init= " quantity=1;cost=5 ">

 <p>總價： {{ quantity * cost }}</p>

 </div> 

結果相同

<div ng-app= "" ng-init= " quantity=1;cost=5 ">

 <p>總價： <span ng-bind= " quantity * cost "></span></p>

 </div> 

 

3：Anjular js 字符串

 

 

 

<div ng-app= ""  ng-init= " firstName='John';lastName='Doe' " >

<p>姓名： {{ firstName +  "   "  + lastName }}</p>

</div>

結果相同

<div ng-app= ""  ng-init= " firstName='John';lastName='Doe' " >

 <p>姓名： <span ng-bind= " firstName + ' ' + lastName " ></span></p>

 

 

4;Angular js  對象

     ng-init :進行數據初始化

 

  <div ng-app= ""  ng-init= " person={firstName:'John',lastName:'Doe'} " >
<p>姓爲: {{ person.firstName }}</p>

</div> <div ng-app= ""  ng-init= " person={firstName:'John',lastName:'Doe'} " >

 

<p>姓爲 <span ng-bind= " person.lastName "></span></p>

</div>

 

</div>