日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

AngularJS的学习笔记(二)

發布時間:2023/12/2 javascript 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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的学习笔记(二)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。