angular2升级到rc6

之前做的小demo是RC4的,这一两个月官网就跟新到RC6了,当然就要紧跟步伐前进啦;

升级的过程是痛苦的,但结果是开心的。

看过RC4的童鞋应该会知道RC6改变了很多,来了一个釜底抽薪。新增了一个NgModule。模块管理。

就此RC6就形成了Module-component-router-service的一个整体。使整个条理更加清楚明白。

module块的复用更加灵活。

先说一下升级吧,RC4没有Module的概念,所以首先为她添加根Module。然后为每一个component添加一个Module。

在子Module中注册所需要的组件和路由文件

这样就好了,当然路由也要根据RC6的进行具体的改变喔。不然会报错的。

时间: 2024-10-17 18:57:48

angular2升级到rc6的相关文章

Angular2升级到Angular4

angular4终于在两天前发布了正式版本,那么怎么升级呢?其实angular2和angular4之间属于平滑过渡,并不像1和2之间颠覆性的重写代码. npm uninstall -g @angular/cli npm cache clean npm install -g @angular/[email protected] rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt;

angular2升级到angular4历程

Angular 4 在昨天(2017-03-24)正式发布了,我的系列教程也得更新一下.步骤略繁琐,不用 cli 的项目反倒更简单一些,但是 cli 平时给我们的便利还是很多的,升级最多半年一次而已. 详见此文:http://www.jianshu.com/p/75c19d67d7f8

最新Angular2案例rebirth开源

在过去的几年时间里,Angular1.x显然是非常成功的.但由于最初的架构设计和Web标准的快速发展,逐渐的显现出它的滞后和不适应.这些问题包括性能瓶颈.滞后于极速发展的Web标准.移动化多平台应用,学习难度等. 所以Angular团队最终决定以全新方式构建Angular2框架.Angular2框架现在已经进入RC6版本,很快它就将进入最终发布版.Angular2带来了很多不错的特性,它们包括跨平台.高性能.高效开发,拥抱web标准等等. 由于在Angular中引入了render层隔离设计,所以

ionic入坑记记录

0.java1.8安装各种环境的配置 1.没有安装过npm 1.1 安装nodejs自带此物. 1.2 不希望npm install -g都在c盘.设置全局路径 path中是X:\某个文件夹\你的文件夹\node_modules 跟npm config ls 中的prefix要一样 另外要配置 npm prefix npm cache 在path中添加prefix的路径 配置gradle,下一个合用的gradle版本,找一个地方解压缩出来.然后在path中添加 X:\在哪里\gradle\bin

Angular2 Hello World 之 RC6

angular2还没有发布正式版,确实有点不靠谱,变化太频繁,之前写的demo直接将js升级到最新版之后发现就不能用了……所以现在在写一篇demo——基于RC6.参考:http://web3.codeproject.com/Articles/1124864/ASP-NET-Core-and-Angular-Code-Venture-Part 首先还是先创建一个ASP.NET Core Web Application空应用程序.还是在Startup.cs类中添加静态文件处理,下面说一下几处和上一篇

angular2系列教程(六)升级装备、pipe

今天,我们要讲的是angualr2的pipe这个知识点,但是在这之前我们需要升级一下我们的装备,因为之前的装备太“寒酸”了. 例子 这个例子包含两个pipe,一个是stateful,一个是stateless,是直接复制官方的例子.本例子还包含了我对AngularClass/angular2-webpack-starter这个牛逼starter的改写,我会详细讲解配置. 源代码 没有测试 AngularClass/angular2-webpack-starter 这里面包含了Angular 2 (

[Angular 2] 0. RC6: Start with Angular2

Create a index.html: <!DOCTYPE html> <html> <head> <title>Really Understanding Angular 2 - The Fundamentals</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel=&

Angular2 Hello World 之 2.0

最近angular2正式版发布了,现在就趁热接着记录一下2.0版的Hello World.据说由RC6升级到2.0代码改动不是很大,在写的时候也感觉改动不是很大,这次记录还是以asp.net core 空项目模板为基础,本着在此基础上添加最少的代码来实现Hello World,没用的代码全部清掉(用的时候再引入). 一.准备工作. 首先,创建一个asp.net core空项目,并在Startup.cs类中添加“静态文件支持”:然后,在项目根目录下添加NPM配置文件.Gulp配置文件和typesc

[Step-By-Step Angular2](1)Hello World与自动化环境搭建

随着rc(release candidate,候选版本)版本的推出,万众瞩目的angular2终于离正式发布不远啦!五月初举办的ng-conf大会已经过去了整整一个月,大多数api都如愿保持在了相对稳定的状态——当然也有router这样的例外,在rc阶段还在大面积返工,让人颇为不解——不过总得说来,现在学习angular2不失为一个恰当的时机. Google为angular2准备了完善的文档和教程,按理说,官网(https://angular.io)自然是学习新框架的最好教材.略显遗憾的是,在B