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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值