javascript
AngularJS的学习笔记(二)
只給自己看的。
AngularJS?表達式
angularjs 使用表達式將數據綁定到html中。
AngularJS 表達式寫在雙大括號內:{{ expression }}。
AngularJS 表達式把數據綁定到 HTML,這與?ng-bind?指令有異曲同工之妙。
AngularJS 將在表達式書寫的位置"輸出"數據。
AngularJS 表達式?很像?JavaScript 表達式:它們可以包含文字、運算符和變量
數字:{{5*5}}和ng-bind="5*5"的作用一樣,其他的也相同,如字符串,對象等
字符串: <div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: {{ firstName + " " + lastName }}</p>
</div>
對象:和js對象一樣點出來就行 ?
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓為 {{ person.lastName }}</p>
</div>
數組:和js的數組一樣,用[]調出來就行
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三個值為 {{ points[2] }}</p>
</div>?
?
AngularJS 表達式 與 JavaScript 表達式
類似于 JavaScript 表達式,AngularJS 表達式可以包含字母,操作符,變量。
與 JavaScript 表達式不同,AngularJS 表達式可以寫在 HTML 中。
與 JavaScript 表達式不同,AngularJS 表達式不支持條件判斷,循環及異常。
與 JavaScript 表達式不同,AngularJS 表達式支持過濾器。
?
AngularJS 指令
AngularJS 通過被稱為?指令?的新屬性來擴展 HTML。
AngularJS 通過內置的指令來為應用添加功能。
AngularJS 允許你自定義指令。
AngularJS 指令是擴展的 HTML 屬性,帶有前綴?ng-。
ng-app?指令初始化一個 AngularJS 應用程序。
ng-init?指令初始化應用程序數據。
ng-model?指令把元素值(比如輸入域的值)綁定到應用程序。
?
ng-app就是告訴這個是angularjs 應用程序的所有者。一個網頁中可以有多個ng-app。
?
?
未完待續........
?
轉載于:https://www.cnblogs.com/liuboyingblog/p/6013600.html
總結
以上是生活随笔為你收集整理的AngularJS的学习笔记(二)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 我的博客是怎么自定义的
- 下一篇: SpringBoot项目部署与服务配置