黑马程序员技术交流社区

标题: 【上海校区】Angularjs的简介 [打印本页]

---

作者: 小影姐姐    时间: 2018-4-28 10:17
标题: 【上海校区】Angularjs的简介

typora-root-url： AngularJS-Image

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的代码

运行结果:

---

作者: Yin灬Yan    时间: 2018-4-28 14:06
我来占层楼啊   

---

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

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