Angular2 - 版本历史

Tom：/* QuickStart */

2018-03-26T03:04:22Z

‎QuickStart

2017-12-01T07:54:11Z

‎代码片段

2017-11-29T07:38:41Z

‎二维码

2017-11-29T07:19:05Z

‎file-size.pipe.ts

2017-11-29T03:23:37Z

‎Services

2017-11-24T06:31:31Z

‎Tutorial

2016-09-29T03:24:47Z

‎Multiple Components

2016-09-28T07:29:00Z

‎Master/Detail

2016-09-28T07:10:20Z

‎The Hero Editor

2016-09-28T07:09:45Z

‎The Hero Editor

@@ 第24行： / 第24行： @@
 、编辑、运行程序。使用Browsersync来动态刷新页面。
      npm start
 </source>
 =安装ng2-file-upload =

@@ 第72行： / 第72行： @@
 * We created mock hero data and imported them into our service.
 * We designed our service to return a Promise and our component to get our data from the Promise.
 =代码片段=

@@ 第113行： / 第113行： @@
 ==二维码==
 <source lang="bash">
-npm install ngx-qrcode2 --save
+npm install angularx-qrcode --save
 </source>

@@ 第109行： / 第109行： @@
+     }
+}
 </source>

←上一版本		2017年11月29日 (三) 03:23的版本
第72行：		第72行：
	* We created mock hero data and imported them into our service.		* We created mock hero data and imported them into our service.
	* We designed our service to return a Promise and our component to get our data from the Promise.		* We designed our service to return a Promise and our component to get our data from the Promise.
		+
		+	=代码片段=
		+
		+	==file-size.pipe.ts==
		+	<source lang="javascript">
		+	import {Pipe, PipeTransform} from '@angular/core';
		+
		+	/*
		+	* Convert bytes into largest possible unit.
		+	* Takes an precision argument that defaults to 2.
		+	* Usage:
		+	* bytes \| humanFileSize:precision
		+	* Example:
		+	* {{ 1024 \| humanFileSize}}
		+	* formats to: 1 KB
		+	*/
		+	@Pipe({
		+	name: 'fileSize'
		+	})
		+	export class FileSizePipe implements PipeTransform {
		+	// In fact unit we should be get from Static Api, at the moment we set static
		+	private units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
		+	// In French
		+	// private units = ['bit', 'kilo', 'Mo', 'Go', 'To', 'bps', 'dpi'];
		+	public transform(bytes: number = 0, precision: number = 2): string {
		+	if (isNaN(parseFloat(String(bytes))) \|\| !isFinite(bytes)) {
		+	return bytes.toString();
		+	}
		+	let unit = 0;
		+	while (bytes >= 1024) {
		+	bytes /= 1024;
		+	unit++;
		+	}
		+
		+	return bytes.toFixed(precision).toString().replace(/\./g, ',') + ' ' + this.units[unit];
		+	}
		+	}
		+	</source>

←上一版本		2017年11月24日 (五) 06:31的版本
第26行：		第26行：
	</source>		</source>

		+
		+	=安装ng2-file-upload =
		+
		+	在项目目录下，运行如下命令：
		+	<source lang="bash">
		+	npm install ng2-file-upload --save
		+	</source>

	=Tutorial=		=Tutorial=

←上一版本		2016年9月29日 (四) 03:24的版本
第55行：		第55行：
	* We learned to declare the application directives we need in an Angular module. We list the directives in the NgModule * decorator's declarations array.		* We learned to declare the application directives we need in an Angular module. We list the directives in the NgModule * decorator's declarations array.
	* We learned to bind a parent component to a child component.		* We learned to bind a parent component to a child component.
		+
		+	==Services==
		+
		+	Let’s take stock of what we’ve built.
		+
		+	* We created a service class that can be shared by many components.
		+	* We used the ngOnInit Lifecycle Hook to get our heroes when our AppComponent activates.
		+	* We defined our HeroService as a provider for our AppComponent.
		+	* We created mock hero data and imported them into our service.
		+	* We designed our service to return a Promise and our component to get our data from the Promise.

←上一版本		2016年9月28日 (三) 07:29的版本
第45行：		第45行：
	* We added the ability to select a hero and show the hero’s details		* We added the ability to select a hero and show the hero’s details
	* We learned how to use the built-in directives ngIf and ngFor in a component’s template		* We learned how to use the built-in directives ngIf and ngFor in a component’s template
		+
		+
		+	==Multiple Components==
		+
		+	Let’s take stock of what we’ve built.
		+
		+	* We created a reusable component
		+	* We learned how to make a component accept input
		+	* We learned to declare the application directives we need in an Angular module. We list the directives in the NgModule * decorator's declarations array.
		+	* We learned to bind a parent component to a child component.

@@ 第28行： / 第28行： @@
 =The Hero Editor=
 Let’s take stock of what we’ve built.
@@ 第35行： / 第37行： @@
 * We can both display and change the hero’s name after adding a two-way data binding to the <input> element using the built-in ngModel directive.
 * The ngModel directive also propagates changes to every other binding of the hero.name.