黑马程序员技术交流社区

标题: 【上海校区】Angularjs的四大特征 [打印本页]

---

作者: 小影姐姐    时间: 2018-4-3 17:05
标题: 【上海校区】Angularjs的四大特征


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, 下载次数: 12)

下载附件

2018-4-3 17:39 上传

---

作者: wuqiong    时间: 2018-4-10 09:49

---

作者: 歪果仁    时间: 2018-4-11 15:20
厉害厉害

---

作者: 不二晨    时间: 2018-7-16 12:05
奈斯

---

作者: 吴琼老师    时间: 2018-7-18 15:12

---

作者: 不二晨    时间: 2018-7-18 15:15

吴琼老师 发表于 2018-7-18 15:12

奈斯，优秀

---

作者: 不二晨    时间: 2018-7-20 11:05
优秀，奈斯

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2