AngularJS小知識點一

AngularJS是由谷歌公司及一個由開發者組成的我的社區共同打造。其主要優點在於幫助使用者在web應用程序中實現必要的動態視圖。它是經過原生的MVC(模型-視圖-控制器)功能來加強HTML。web

PS:MVC是一種軟件架構設計模式,它將表現從用戶交互中分離出來。模型---》應用的數據+與數據進行交互的方法,視圖---》將數據呈現給用戶,控制器---》兩者的橋樑。即一個函數,用來向視圖的做用域中添加額外的功能。設計模式

ng-app---->>聲明全部被其包含的內容都屬於這個AngularJS應用。只有被具備ng-app屬性的DOM元素包含的元素才受AngularJS影響。架構

ng-model---->>將內部數據模型對象($scope)中的name屬性綁定到文本輸入字段上。(ps:$scope對象是一個簡單的Javascript對象,他能夠被視圖訪問,也能夠和控制器進行交互)app

<input ng-model="name" type="text" placeholder="yourname">
<p>hello {{name}}</P>

 ng-controller---->>聲明全部被它包含的元素都屬於某個控制器。函數

<div ng-controller="textController">
    <input ng-model="name" type="text">
    <p>hello {{name}}</p>
</div>

做用域:視圖和控制器之間的膠水。即視圖模型。
$rootScope是全部$scope對象的最上層。算是全局做用域的對象。spa

AngularJS應用的模板中使用的標記:架構設計

指令:將DOM元素加強爲可複用的DOM組件的屬性或元素;設計

值綁定:模板語法{{}}可將表達式綁定帶視圖上。code

過濾器:在視圖中使用的函數,用來進行格式化。對象

表單控件:用來驗證用戶輸入的控件。

相關文章
相關標籤/搜索