一、Angular Module
    1、angular 模块是一个类,它需要NgModule这个装饰器函数接受一个原数据对象作为参数来描述这个模块类属性。
    其中最重要的属性有:
        declarations:声明当前模块的组件、指令和管道
        exports:declarations的子集,可用于其他模块的组件模版
        imports:当前模块声明的组件模板需要的类所在的其他模块
        providers:服务的创建者,并加入到全局服务列表,可用于应用任何部分
        bootstrap:指定应用的主视图也称为根组件,它是所有其他视图的宿主,只有根模块才能设置这个属性。
二、组件
        负责控制视图
        通过一些由属性和方法组成的API与视图交互
        当用户在这个应用中漫游时,angular会创建、更新和销毁组件。应用可以通过生命周期钩子在组件生命周期的各个时间点插入自己的操作。如ngOnInit()
三、模版
        模版由<div><h2>等这样的典型html元素以及*ngFor、 {{hero.name}}、 (click) 、[hero] 、<hero-detail></hero-detail>等angular模版语法自由组合
四、元数据
        修饰类
        总结:向代码中添加元数据,以便angular知道该怎么做
五、数据绑定
        插值表达式:{{item.name}} <li>{{hero.name}}</li>
        属性绑定:[hero] <hero-detail [hero]="selectedHero"></hero-detail>
        事件绑定:(click)<li (click)="selectHero(hero)"></li>
        双向绑定:([ngModel])=‘item.name’;ngModel指令组合了属性绑定和事件绑定功能  <input [(ngModel)]="hero.name">
六、指令
        组件也是指令的一种
        结构性指令(修改布局):*ngFor、*ngIf、ngSwitch...
        属性型指令(修改DOM元素等):ngModel、ngStyle、ngClass
七、服务
        angular的基础
        组件是最大的服务消费者
        相对来说,组件本身不从服务器获取数据、不进行验证输入,也不直接往控制台写日志,这些都应该委托给服务
        使用原则:把应用逻辑拆分到服务,并通过依赖注入在组件中使用服务
八、依赖注入
        依赖注入是提供类的新实例等一种方式,大多数依赖都是服务;
        angular通过查看构造函数的参数类型得知组件需要哪些服务;
        服务可以注册到根模块上,以便任何地方都使用服务的同一个实例,也可以注册到某个组件里,则表示该组件的每一个新实例都会有一个服务的新实例。 

angular2+ 初理解的更多相关文章

  1. EventBus初理解

    缘由:     平时工作,因为懒于动笔的原因,也没注重技术和经验的积累,导致之前曾经研究过的问题现在又忘记了,所以要慢慢注重积累,那么就从写作开始,谈谈对工作中碰到的问题进行整理和归纳.     我们 ...

  2. 微冷的雨之Java中的多线程初理解(一)

    在讲解多线程前,我们必须理解什么是多线程?而且很多人都会将进程和线程做对比. 进程和线程 进程:进程是操作系统结构的基础,是一次程序的执行,是一个程序及其数据在处理机上顺序执行时所发生的活动,是程序在 ...

  3. Maximum Entropy Model(最大熵模型)初理解

    0,熵的描述 熵(entropy)指的是体系的混沌的程度(可也理解为一个随机变量的不确定性),它在控制论.概率论.数论.天体物理.生命科学等领域都有重要应用,在不同的学科中也有引申出的更为具体的定义, ...

  4. SpringMVC 的初理解

    项目中用到了jetty,springboot两种构建服务器的方式,jetty是一种嵌入式的方式,部署启动都很灵活,springboot最大的优点就是很多配置文件都自己集成好了,虽然用了这么多好的框架, ...

  5. spring boot 的redis 之初理解

    项目到末尾了快, 这几天安排我结合业务场景给项目加上redis 缓存, 我接到这个任务也是懵逼了一会儿: 问了一句让我自己先想办法,没办法硬着头皮查吧, 要不不得不说spring boot 还是好用, ...

  6. Event Loop js 事件循环初理解

    浏览器环境 执行栈 所有的 JS 代码在运行是都是在执行上下文中进行的.执行上下文是一个抽象的概念,JS 中有三种执行上下文: 全局执行上下文,默认的,在浏览器中是 window 对象 函数执行上下文 ...

  7. MOS管做开关之初理解

    杰杰 物联网IoT开发 2017-10-12 大家好,我是杰杰.       今晚,设计电路搞了一晚上,终于从模电渣渣的我,把MOS管理解了那么一丢丢,如有写的不好的地方,请指出来.谢谢.      ...

  8. node.js 的 中间件 初理解

    听说中间件还挺重要,下面梳理一下初认识: 中间件是什么?简单说说http请求服务的过滤,当交给函数处理之前先交给它处理.匹配后会终止,要想再匹配,得加: next. 中间件能解决什么问题?检测用户登录 ...

  9. Vue2.0---vuex初理解

    先来一张vuex的帅照 第一眼看到这张图片我内心是万匹草泥马飞过. 简单理解:  vuex:一个可以全局被使用的状态管理的“仓库”:state.js中定义初始状态,通过action去触发mutatio ...

随机推荐

  1. JAVA中request.getParameterMap()用法笔记

    一. 根据Java规范:request.getParameterMap()返回的是一个Map类型的值,该返回值记录着前端(如jsp页面)所提交请求中的请求参数和请求参数值的映射关系.这个返回值有个特别 ...

  2. Haskell语言学习笔记(62)Divisible

    Divisible class Contravariant f => Divisible f where divide :: (a -> (b, c)) -> f b -> f ...

  3. 实现溢出文本eclipsis的解决

    实现溢出文本eclipsis的解决:overflow:hidden;text-overflow:ellipsis; white-space:nowrap; 如:<a href="&qu ...

  4. do{}while() ;异常语句

    //while (true) //只要括号里面是true(正确的如:(1==1)),就会无限循环 //{ //} //do{}while() //不管while满足与否,首先先做一遍 //然后去看wh ...

  5. 多序列比对后可视化之texshade

    一 :准备工作 1)中文的 LaTeX - CTEX 2)LaTeX 的*.tex 的编辑工具-Texmarker 3)TEXshade宏包 二:安装 1) 直接双击运行下载的CTEX,安装过程中,可 ...

  6. angularjs动态添加节点时,绑定到$scope中

    <html> <head> <meta charset="utf-8"/> <script src="https://cdn.b ...

  7. luoguP1090 合并果子 (贪心+优先队列)

    题目链接:https://www.luogu.org/problemnew/show/P1090 思路: 典型的贪心题,显然每次选择两个最小的堆合并最后耗费的体力最少,但每次合并之后都需要寻找最小的两 ...

  8. iOS8 之后 tableview separatorInset cell分割线左对齐,ios7的方法失效了

    -(void)viewDidLayoutSubviews { if ([self.mytableview respondsToSelector:@selector(setSeparatorInset: ...

  9. Mask_RCNN Test

  10. 删除链表中的重复元素:不留&留一个&删除一个

    不留: [抄题]: 给定一个排序链表,删除所有重复的元素只留下原链表中没有重复的元素. [思维问题]: 给出 1->2->3->3->4->4->5->nul ...