Angular

Angular:

  • 框架: 对程序员的限制高
  • 库: jquery,bootstrap —— 使用灵活,对程序员的限制少它是MVC框架 精确定义是MVVM框架 mv
  • SPA (single page application) 移动端
    MVC:
    M: Model 模型——数据
    V: View 视图
    C: Controller 控制器
    MVC 分离:
    1.数据、逻辑、 表现层代码的分离
    2.分工
    **学好:它最核心的核心的东西就是数据
    以前写JS:存在大量的重复劳动
    window 事件 .....
    Angular:避免了重复劳动,让程序员更加关注需求的本质和实现。

混乱:
1.2 以下
1.3 以上 上课
2.x 没人用 angular2
3.x 消失
4.x 即将要出来
基本用法:
Angular指令:
以 ng 开头。
是否需要服务器环境——最好
oninput是input值改变的时候触发
1、ng-app
angular管辖的范围
2、ng-model
数据,数据模型—— 数据从哪来
3、ng-bind
数据绑定 —— 数据到哪去

MVC:
M: model 模型,数据——现在的例子中: 输入框
V: view 视图 ——现在的例子中: div
C:

Angular特性:
1).双向绑定
ng-bind: 不好 一开始清空内容
*Angular——接管了 UI
*Angular——扩展了html

4、表达式{{a}}
*Angular 和 原生的JS——不互通(事件、函数),可以解决。
5、ng-click
事件: ng-mouseover ....
只关注数据
6、ng-init
数据初始化
7、ng-repeat 循环
循环数组:
ng-repeat="item in arr"
{{item}} —— 数组中的每一项
循环JSON:
ng-repeat="(key,value) in json"
{{key}} —— json中的key
{{value}} —— json中的value
ng-repeat:
数组:
(key,value) in arr
key—— 索引
value —— 每一项
json:
(key,value) in json
key 键名
value 键值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,552评论 0 3
  • Angular:框架: 对程序员的限制高库: jquery,bootstrap —— 使用灵活,对程序员的限制少...
    简单的名字吧阅读 4,346评论 0 1
  • 1、angularjs的几大特性是什么? 双向数据绑定、依赖注入、模板、指令、MVC/MVVM 2、列举几种常见的...
    2e9a10d418ab阅读 5,183评论 0 10
  • angular有哪些牛逼特性呢? 1、模板机制2、双向数据绑定3、模块4、指令5、依赖注入6、路由7、过滤器 An...
    Man僵小鱼阅读 4,806评论 0 6
  • 早上五点多起来,往合肥赶,晚上六点多,满身疲惫地回来,匆匆忙忙的一天就像是场每晚都要做的梦,内容不足为奇,情节七零...
    旅徒者阅读 2,990评论 4 2