AngularJS 大話開篇

2021-09-22 13:24:19 字數 1797 閱讀 4935

angularjs是一款優秀的前端js框架,已經被用於google的多款產品當中。angularjs有著諸多特性,最為核心的是:mvvm、模組化、自動化雙向資料繫結、語義化標籤、依賴注入、等等。

類庫- 類庫是一些函式的集合,它能幫助你寫web應用。起主導作用的是你的**,由你來決定何時使用類庫。類庫有:jquery,yui,protype等

框架- 框架是一種特殊的、已經實現了的web應用,你只需要對它填充具體的業務邏輯。這裡框架是起主導作用的,由它來根據具體的應用邏輯來呼叫你的**。框架有:knockout、sproutcore等。

angularjs的一些技術特點

使用雙大括號}語法進行資料繫結;

使用dom控制結構來實現迭代或者隱藏dom片段;

支援表單和表單的驗證;

能將邏輯**關聯到相關的dom元素上;

能將html分組成可重用的元件

雙向繫結(html影響**,**也影響html)

路由功能(單頁面實現類似多url的功能)

資料模型(data-model)關聯到檢視(ui)上,讓前台開發人員可以很方便的去建立完整的頁面,資料可以使用測試資料,最後可以將獲取資料的部分抽象成乙個個的api介面即可,而不需要真正等待後台人員將程式開發完,前台人員就可以對已經完成的功能進行測試了。

doctype html

>

<

html

>

<

head

>

<

script

src=""

>

script

>

head

>

<

body

>

hello }!

body

>

html

>

使用}亂起來的**就是angularjs的**,使用引號括起來表示它是個字串,下面看一下在**上經常看到的**,如果你登陸了就顯示hellow yourname,否則就顯示

hello world,這是個很經典的例子

doctype html

>

<

html

>

<

head

>

<

script

src=""

>

script

>

head

>

<

body

>

your name:

<

input

type

="text"

ng-model

="yourname"

placeholder

="world"

>

<

hr>

hello }!

body

>

html

>

(冒號)-(減號)或_

ng-repeat:集合遍歷

ng-model:雙向繫結

ng-click:單擊事件繫結

ng-if:條件繫結

ng-bind:變數繫結到指定標籤

下一講,我們將開始測試具體的例項……

AngularJS 大話開篇

angularjs是一款優秀的前端js框架,已經被用於google的多款產品當中。angularjs有著諸多特性,最為核心的是 mvvm 模組化 自動化雙向資料繫結 語義化標籤 依賴注入 等等。類庫 類庫是一些函式的集合,它能幫助你寫web應用。起主導作用的是你的 由你來決定何時使用類庫。類庫有 j...

我心中的核心元件(可插拔的AOP) 大話開篇及目錄

回到佔佔推薦部落格索引 我心中的核心元件,核心元件就是我認為在專案中比較常用的功能,如日誌,異常處理,訊息,郵件,佇列服務,排程,快取,持久化,分布式檔案儲存,nosql儲存,ioc容器,方法攔截等等。對於以上內容可以說即是乙個大餐,又是乙個挑戰,就讓我帶著大家去迎接這份挑戰吧,呵呵!aop即面向切...

angularjs學習筆記

不要用控制器去繼承控制器,通用的通過service來通用 不要試圖服用controller,乙個控制器只負責乙個塊試圖 不要在controller中操作dom,這不是controller的職責,用指令只做 不要在controller中做資料初始化,ng有表單控制項 不要在controller中做資料...