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定義了控制器。