angular js 指令

标签：htm   logs   应用   分享   name   指令   res   实例   john   

AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。

ng-app 指令初始化一个 AngularJS 应用程序。

ng-init 指令初始化应用程序数据。

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

实例   （{{ firstName }} 是通过 ng-model="firstName" 进行同步。）

<div ng-app="" ng-init="firstName=‘John‘">

<p>在输入框中尝试输入：</p>

<p>姓名：<input type="text" ng-model="firstName"></p>

<p>你输入的为： {{ firstName }}</p>

</div>

 利用ng-model同步功能制作类似于淘宝购物车效果

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

<h2>价格计算器</h2>

数量： <input type="number" ng-model="quantity">

价格： <input type="number" ng-model="price">

<p><b>总价：</b> {{ quantity * price }}</p>

</div>

angular js 指令

标签：htm   logs   应用   分享   name   指令   res   实例   john   

原文地址：http://www.cnblogs.com/yaomengli/p/6811430.html