![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
AngularJS
学习笔记
玳宸
这个作者很懒,什么都没留下…
展开
-
AngularJS_实践-我的备忘录
成品展示: html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script src="app.js"></script> </head> <body ng-app="todoApp" > <div ng-controller="TodoContr原创 2020-12-11 21:22:44 · 139 阅读 · 0 评论 -
AngularJS_实践-我的笔记
成果展示: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> textarea{ resize: none; } </style> </head> <body ng-app="noteApp" ng-con原创 2020-12-11 13:38:43 · 81 阅读 · 0 评论 -
AngularJS_三个页面语法
目录1. 表达式2. 指令3. 过滤器 1. 表达式 {{js表达式}} 从作用域对象中读取对应的属性数据来显示数据 不支持if/for/while 支持三目表达式 2. 指令 指令 : 自定义标签属性/标签 常用的指令: ng-app: 指定模块名,angular管理的区域 ng-model: 双向绑定,输入相关标签 ng-init: 初始化数据 ng-click: 调用作用域对象的方法(点击时) 可以传$event ng-controller: 指定控制器构造函数名,内部会自动创建一个新的子作用原创 2020-12-11 11:26:26 · 77 阅读 · 0 评论 -
AngularJS_三个重要对象
目录1. 作用域2. 控制器3. 模块 1. 作用域 是一个js实例对象 这个对象的属性、方法, 页面都可以直接引用、操作 ng-app指令: 内部创建一个根作用域($rootScope), 是所有其它作用域的父对象 2. 控制器 也是一个对象,是View与Model之间的桥梁 当我们使用了ng-controller指令, 内部就会创建控制器对象 但我们同时得提供控制器的构造函数(必须定义一个$scope的形参) 每定义一个ng-controller指令, 内部就会创建一个新的作用域对象($ scop原创 2020-12-11 10:45:30 · 117 阅读 · 1 评论 -
AngularJS_四个重要概念
目录1. 双向数据绑定2. 依赖注入3. MVC模式4. MVVM模式 1. 双向数据绑定 View(视图): 页面(标签、指令,表达式) Model(模型) :作用域对象(属性、方法) 数据绑定: 数据从一个位置自动流向另一个位置 View–>Model Model–>View 单向数据绑定: 只支持一个方向 View–>Model : ng-init Model–>View : {{name}} 双向数据绑定 Model<–>View : ng原创 2020-12-11 10:41:16 · 183 阅读 · 0 评论