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

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