JS學習第三篇;AngularJS的使用

一,爲什使用angularjs?

AngularJS 通過 指令 擴展了 HTML,且通過表達式綁定數據到 HTML。能夠構建單一頁面的應用程序。
angularjs的加載順序;

1,瀏覽器加載html,解析dom

2,加載angular.js文件

3,aungular等待domcontentload事件的觸發

4,angularjs尋找ng-app,確定應用的邊界

5,使用ng-app配置$injector,使用$injector創建$compile服務和$rootscoper

6,$compile服務編譯dom並把它鏈接到$rootscope上

7,angularjs指令開始執行操作

8,html開始渲染頁面

二,使用步驟

首先在頁面中引用angular.js文件。

1,指令篇


ng-app 指令初始化一個 AngularJS 應用程序。

ng-init 指令初始化應用程序數據。

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

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


ng-repeat 指令會重複一個 HTML 元素

自定義指令,記住修改ng-app=“myApp”



三,問題及解決方法


四,源代碼


https://gitlab.com/OwnLearning/AboutAngularJS

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章