首页 > 代码库 > angular js 指令

angular js 指令

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 指令