angular4终于在两天前发布了正式版本,那么怎么升级呢?其实angular2和angular4之间属于平滑过渡,并不像1和2之间颠覆性的重写代码. 使用npm-check方案升级 使用如下命令检查,并按下空格来选择要升级的包 npm-check -u 官方推荐 升级cli npm uninstall -g @angular/cli npm cache clean npm install -

Host Element 在介绍 HostListener 和 HostBinding 属性装饰器之前，我们先来了解一下 host element (宿主元素)。 宿主元素的概念同时适用于指令和组件。对于指令来说，这个概念是相当简单的。应用指令的元素，就是宿主元素。假设我们已声明了一个 HighlightDirective 指令 (selector: '[exeHighlight]')： <p e

首先确保你没有下载过angular-cli，如果下载了请确保是稳定版的，不然就清除 npm uninstall @angular-cli -g npm cache clean 接下来安装angular-cli cnpm i @angular/cli@latest -g 接下来使用 ng --version 如果是1.0.0 说明安装成功,如果有beta，不合适当前文档 新建项目 配置scss ng

前言 管道这东西，可以让用户的体验变得好，也可以省去我们一些重复性的工作； 官方的内置管道就不解释了。。自行看文档吧 管道的常规使用 一般是用于Mustache语法的双向数据内，eg: {{item | json}} 上面的例子是用了内置的JsonPipe管道。。有人说管道带参数怎么搞？，eg :{{item |slice:0:4 }} 管道后面冒号跟随的就是参数, 也许还有人问如何多重管道调用？

学习Angular 2 ， 《揭秘Angular 2》读书笔记。 Angular2 选择 TypeScript 作为其官方最主要的构建语音，这意味着掌握 TypeScript 语音将更有利于高效地开发 Angular 应用。 TypeScript 基本类型 在TypeScript中，提供了一下基本数据类型 布尔类型（boolean） 数据类型（number） 字符串类型（string） 数组类型（

Observer Pattern 观察者模式定义 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 我们可以使用日常生活中，期刊订阅的例子来形象地解释一下上面的概念。期刊订阅包含两个主要的角色：期刊出版方和订阅者，他们之间的关系如下：

一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章，方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候，发现 Todd Motto 大神，已经写了相关的系列文章。英文好的同学，建议直接阅读 Creating an Angular 2 Injectable Service 原文哈，因为我并不打算完整

一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章，方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候，发现 Todd Motto 大神，已经写了相关的系列文章。英文好的同学，建议直接阅读 Creating a custom filter (pipe) in Angular 原文哈，因为我并不打算

一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章，方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候，发现 Todd Motto 大神，已经写了相关的系列文章。英文好的同学，建议直接阅读 From angular.module to ngModule 原文哈，因为我并不打算完整地翻译。废话不多说

一直想写关于 Angular 1.x 与 Angular 2.x (Angular 4.x 已发布) 区别的文章，方便 Angular 1.x 的用户快速的过渡到 Angular 2.x。在浏览文章的时候，发现 Todd Motto 大神，已经写了相关的系列文章。英文好的同学，建议直接阅读 From ng-repeat in Angular 1.x to ngFor in Angular 2 原文

学习Angular 2 ， 《揭秘Angular 2》读书笔记。Angular2 选择 TypeScript 作为其官方最主要的构建语音，这意味着掌握 TypeScript 语音将更有利于高效地开发 Angular 应用。 类 传统的 JavaScript 程序是使用函数和基于原型（Prototype）继承来创建可重用的“类”，这对于习惯面向对象编程的开发者来说并不友好。TypeScript 中可

本文介绍的内容是组件通信的常用方式：@Input、@Output、@ViewChild、模板变量、MessageService、Broadcaster (Angular 1.x $rootScope 中 $on、$broadcast ) 和 Pub - Sub 模式、RxJS Subject 存在的问题。 输入属性 (父组件 -> 子组件) counter.component.ts import

前言 指令这种东西，可以加强用户体验，减少一些重复工作; 跟着我来实现一个悬浮链接打开的指令 效果图 实现的功能 判断传入的内容是否为url 创建一个悬浮tooltip 把对应的内容填充进去且可以访问跳转 实现的指令代码 import { Directive, // 创建一个指令必须依赖这个装饰器 ElementRef, // 获取原生dom的 Input, // 接收外部数据的

Angular 2.3 版本中引入了组件继承的功能，该功能非常强大，能够大大增加我们组件的可复用性。 Component Inheritance 组件继承涉及以下的内容： Metadata：如 @Input()、@Output()、@ContentChild/Children、@ViewChild/Children 等。在派生类中定义的元数据将覆盖继承链中的任何先前的元数据，否则将使用基类元数据。

本文的主要内容是介绍父子组件通信时，如何传递异步的数据。我们将通过一个具体的示例，来介绍不同的处理方式。假设我们有一个博客组件，用来显示博主信息和分类的帖子列表信息。具体如下图所示： 了解完具体需求后，接下来我们来一步步实现该组件。 Post Interfaces and Data Post Interfaces post.interface.ts // each post will have a

本篇为译文，点击这里前往原文。 Angular2 为我们提供了名为Title的Service用于修改和获取页面标题，但是如果只是能够在每个页面的ngOnInit方法中为每个页面设置标题岂不是太low了，不符合Angular2高(zhuang)大(bi)的身影。我们想要的结果是在页面改变时能够动态地改变页面标题，如此最好的解决方案就是组合使用Router事件和Title Service。 Title

Angular-study 自己收集的部分Angular学习资料 声明 很多资源来源于互联网，我提供资源链接但版权归资源的所有者，完全开源，欢迎各位PR 通过学习或参与这个项目开发沉淀出属于自己的开源组件，为将来的产品孵化提供技术因子，为技术选型提供项目参考。 期望：能够通过这个学习资料项目锻炼出一支属于群内自己的民间开源团队力量，认识各多执著于技术的小伙伴，让自己的圈子更大。 建议和需求或者其他

更新时间 - 2017-04-20 更新内容 - Connection致命逻辑错误，感谢 深圳-shadows 刊误 有点小鸡冻，我们 HttpModule 系列的主角终于要出场了。此时突然想起了一句诗： 千呼万唤始出来,犹抱琵琶半遮面。 —— 白居易 <<琵琶行>> 为了写好这篇文章 (写得不好的话，大家请见谅)，考虑了一番，最终还是打算先写相关的基础文章： HTTP 最强资料大全 你不知道的

Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms (Model-Driven Forms) - 响应式表单 Template-Driven Forms (模板驱动表单) ，我们之前的文章已经介绍过了，了解详细信息，请查看 - Angular 4.x Templat

Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 本文主要介绍 Template-Driven Forms (模板驱动式表单) ，将涉及 ngForm、ngModel、ngModelGroup、表单提交事件、表单验证和异常信息输出等内容。 Cont