前言: angular2相比angular1做了革命性的改变.对于开发者来说,我们知道它框架的实现上改变极大.我们看到代码也能发现它写法上变化很大,似乎完全是另一个东西. 但是当我们真正去写下去的时候,又会发现,处处都有angular1的影子,处处都是angular1的概念.对,没错.angular始终是angular,换件“衣服”,还是angular. 最开始我第一眼看到angular2的代码的时候,是有点排斥的,怎么感觉就像是react的写法...而后,我自己亲手,写它的demo时候发现,这…

1.devDependencies下只有在开发应用时才用得到这个我是知道的. 但是我不知道的事要想达到这个效果是要在生产环境安装包的时候必须要加个这个才行"--production" 我之前没有想到这一点.实际来说应该这么用才对 npm install my-application --production 2.其实只读的东西比较适合用单向绑定. 输入框什么的还是双向绑定比较好. 3.ng2的双向数据绑定感觉比vue的难用多了. 真的~ 4.ng2里双大括号表示单项数据绑定.…

Zone是什么: 官方解释:zone.js为JavaScript提供了执行上下文,可以在异步任务之间进行持久性传递. 最开始我一直没理解到这句话,学习过程中我也因为自己的一些失误而一直纠结徘徊,情况是这样的: 首先我在本地用npm安装了zone.js,然后我就打开了zone.js的github ———— zoneJs 这一切都很正常,然后看着readme,跟着demo写下去.下面这样: 然后问题来了,当我运行的时候,结果根本就不是官方显示的那样,我打开调试器,发现全局根本没有 window.zo…

工作中用到ng2的组件通讯 奈何官方文档言简意赅 没说明白 自己搞明白后 整理后分享下 rxjs 不懂的看这篇文章 讲很详细 http://www.open-open.com/lib/view/open1462525661610.html 以下是服务代码 import { Injectable } from '@angular/core'; import {Subject}from"rxjs/Subject"; @Injectable() export class CService {…

根模块 app.module 建议大家先去学习angularjs官网的英雄教程后再进行后面的阅读,app.module.ts 就是ng2应用中的引导启动模块也称根模块 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; @NgModule({ impor…

AngularJS2 学习 继TypeScript之后,终于到了ng2的学习路程,同样学习根据angular官网文档进行,对文档中的内容根据自己的理解略有改动.看官可看官网文档,也可以看本系列博文 首先根据官网推荐先去学习了英雄教程,涵盖了ng的大部分知识点.后面就到了开发指南中的架构部分 首先要明白ng是一个什么玩意,ng是一个前端框架之前的版本就已经很受开发者的青睐,而ng2的发布对ng1来说是破坏性的,因为ng1并不再适合现代WEB开发.ng2吸取了ng1的优点并添加了大量的新特性,ng2…

本文将半翻译半总结的讲讲ng2官网的另一个未翻译高级教程页面. 原文地址. 文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件. 响应式表单是一项响应式风格的ng2技术,本文将解释响应式表单并用来创建一个英雄详情编辑器. 包含内容: 响应式表单介绍 开始搭建 创建数据模型 创建响应式的表单组件 创建组建的模板文件 引入ReactiveFormsModule 显示HeroDetailComponent 添加一个FormGroup 看看表单模型 介绍FormBuilder 验…

angularjs2的环境问题解决了好久. 百度到的答案也是各种各样还解决不了我的问题. 好在这几天经过不断的测试终于给解决了. ERROR in AppModule is not an NgModule ERROR in ./src/main.ts Module build failed: TypeError: Cannot read property 'newLine' of undefined at Object.getNewLineCharacter (d:\web\myNg\ng2\n…

ng2 默认端口号4200  若要配置,用两种方法 (1)可以使用以下命令  ng server --port 4201 (2)找到node_modules/angular-cli/lib/config/schema.json default值就是默认的端口…

前两篇文章简单介绍了ng2的一些基础用法,基本和ng1的使用风格差不多,只是写法和开发方式变化比较大. 这一篇,来总结一下ng的依赖注入与服务.官方的教程上是把他分开来讲的,个人感觉放在一起比较容易理解. 同样,这篇文章适合新手阅读.好,那我们开始正文: 在ng1,也有依赖注入的概念,ng1的依赖注入方式这里就不去多叙述了,有兴趣的可以查阅一下ng1的依赖注入方式. ng2依然有这个概念.下面举例来说明ng2里怎么使用依赖注入以及服务: [场景]:在某个项目里面,有很多页面都用到同一个功能,这个…