AngularJS基礎

AngularJS:AngularJS 是一個JavaScript 框架。它可通過<script>標簽添加到 HTML 頁面.(AngularJS 通過指令擴展了 HTML,且通過表達式綁定數據到 HTML). 標簽添加到 HTML 頁面 標簽添加到 HTML 頁面 標簽添加到 HTML 頁面


AngularJS 擴展了 HTML

? ? ?AngularJS 通過ng-directives擴展了 HTML。

? ? ? ng-app指令定義一個 AngularJS 應用程序。

? ? ? ng-model指令把元素值(比如輸入域的值)綁定到應用程序。

? ? ?ng-bind指令把應用程序數據綁定到 HTML 視圖。


什么是 AngularJS?

? ? ??AngularJS 把應用程序數據綁定到 HTML 元素

? ? ? AngularJS 可以克隆和重復 HTML 元素。

? ? ? AngularJS 可以隱藏和顯示 HTML 元素。

? ? ?AngularJS 可以在 HTML 元素"背后"添加代碼。

? ? ?AngularJS 支持輸入驗證。


AngularJS的基本指令:

? ng-app:定義一個angular應用程序

? ng-model:指令把元素值(比如輸入域的值)綁定到應用程序。

? ng-bind:指應用程序的數據綁定到html的視圖中

? ng-show:為true顯示

? ng-hide:為true隱藏

? ng-disable:為tru禁用

? ng-focus 獲取焦點時觸發

? ng-blur:失去焦點時觸發

? ng-change:對象有變化時候觸發

? ng-class:添加一個或多個樣式

? ng-repeat:重復一個HTML元素

? ng-init:初始化一個應用程序

? ng-click:元素被點擊后需要執行的操作

? ?ng-swich:根據選中的值顯示對應的部分


AngularJS 表達式:

? ? ? AngularJS 表達式寫在雙大括號內:{{ expression }}

? ? ?AngularJS 表達式把數據綁定到 HTML,這與ng-bind指令有異曲同工之妙。

? ? ?AngularJS 將在表達式書寫的位置"輸出"數據。

? ? AngularJS 表達式很像JavaScript 表達式:它們可以包含文字、運算符和變量


AngularJS 應用:

? ? ?AngularJS模塊(Module)定義了 AngularJS 應用。

? ? ? AngularJS控制器(Controller)用于控制 AngularJS 應用。

? ? ? ng-app指令定義了應用,ng-controller定義了控制器。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容