A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 上海分校-小影 于 2018-4-3 17:50 编辑

Angularjs的简介

Angularjs的四大特征



MVC模式



各层的详细指带



双向绑定



依赖注入



模块化设计





入门小案例

需要引入angularjs的核心js文件



1. 表达式



引入angularjs的js库之后,加入ng-app后

{{}}:内的内容会作为一个整体去解析

解析结果:200

2. 双向绑定


双向绑定指令:ng-model

运行效果:你输入的内容会立即解析到



3. 初始化指令



初始化指令:ng-init

可以初始化字符串,也可以初始化函数,页面加载完成函数就会执行

运行效果:



4. 控制器



运行结果:



5. 事件指令



运行结果:



需要点击运算按钮触发事件才能执行绑定的函数

6. 数组循环



数组循环指令:ng-repeat

运算结果:





7. 循环对象数组





运行结果:



8. 内置服务



在工程webapp的下面分别创建data.json和demo08.html



Data.json为模拟后台查询的对象数组,数据格式如下



数据格式要满足:字符串采用双引号引起来

demo08.html的代码



运行结果:







018.png (53.75 KB, 下载次数: 11)

018.png

6 个回复

倒序浏览
回复 使用道具 举报
厉害厉害
回复 使用道具 举报
奈斯
回复 使用道具 举报
回复 使用道具 举报
回复 使用道具 举报
优秀,奈斯
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马