AngularJS2.0 学习笔记03:列表(在线算命App step2)

AngularJS2.0 学习笔记03:列表(在线算命App step2)
上一节的使用对象来定义东西比较麻烦,本节引入列表概念,来对上节课的代码进行重构: 在笔记02的基础上学习列表的使用。 列表显示 列表显示需要用到ngFor,在 app.component.ts中定义一个数组,数组定义在文件末尾,代码如下:   var HEROES: Hero[] = [{ id: 1, name: '上上', desc:'大吉大利,百事顺遂,赶紧去买彩票'}, {id: 2, name: '上吉', desc:'天时、地利又人和,家庭和睦,身体健康,会朋友...

AngularJS2.0 学习笔记02:对象的使用(在线算命App step1)

AngularJS2.0 学习笔记02:对象的使用(在线算命App step1)
在quick start 学习之后,在quick start 基础上学习如何开发难度大一点的应用。 拷贝上一节的angular2-quickstart目录内容到新目录 angular2-tour-of-heroes。拷贝完成后 使用 npm start 命令运行一下 看是否可以正常运行。 D:\angular2\angular2-tour-of-heroes>npm start 在AppComponent中增加2个属性 title和hero ,代码如下: public title = '抽签算卦'; public hero: Hero = {arr:[{ id: ...

AngularJS2.0 学习笔记–5分钟建成第一个APP

AngularJS2.0 学习笔记–5分钟建成第一个APP
1.安装好 npm nodejs等包管理工具。 2.创建一个项目 我们需要一个应用程序项目文件夹,用来放一些库,一些TypeScript 的配置和所选的TypeScript-aware编辑器。 创建一个项目 angular2-quickstart 在磁盘下面创建一个目录:angular2-quickstart。将附件中的文件拷进这个目录 。 3.运行npm install 4.运行npm start 点此下载附件。angular2-quickstart 看,第一个APP跑起来了。   简单说明 :   pa...

转载:《TypeScript 中文入门教程》 17、注解

转载:《TypeScript 中文入门教程》 17、注解
转载:《TypeScript 中文入门教程》 17、注解 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 随着TypeScript和ES6里引入了类,现在在一些场景下我们会需要额外的特性来支持注解或修改类和类成员。 Decorators提供了一种方式来添加注解和在类的声明和成员上使用元编程语法。 Javascript里的Decorators目前处在建议征集的第一阶段,在TypeScript里做为实验...

转载:《TypeScript 中文入门教程》 16、Symbols

转载:《TypeScript 中文入门教程》 16、Symbols
转载:《TypeScript 中文入门教程》 16、Symbols 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 至ECMAScript 2015开始,symbol成为了一种新的原始类型,就像number和string一样。 symbol类型的值是通过Symbol构造函数创建的。 var sym1 = Symbol(); var sym2 = Symbol("key"); // 可选的字符串key Symbols是不可改变的且唯一。 var sym2 = Symbol("...

转载:《TypeScript 中文入门教程》 15、可迭代性

转载:《TypeScript 中文入门教程》 15、可迭代性
转载:《TypeScript 中文入门教程》 15、可迭代性 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 可迭代性 当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。 一些内置的类型如Array,Map,Set,String,Int32Array,Uint32Array等都已经实现了各自的Symbol.iterator。 对象上的Symbol.iterator函数负责返回供迭代的值。 for..of 语句 for..of会...

转载:《TypeScript 中文入门教程》 14、输入.d.ts文件

转载:《TypeScript 中文入门教程》 14、输入.d.ts文件
转载:《TypeScript 中文入门教程》 14、输入.d.ts文件 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 当使用外部JavaScript库或新的宿主API时,你需要一个声明文件(.d.ts)定义程序库的shape。 这个手册包含了写.d.ts文件的高级概念,并带有一些例子,告诉你怎么去写一个声明文件。 指导与说明 流程 最好从程序库的文档开始写.d.ts文件,而不是代码。 ...

转载:《TypeScript 中文入门教程》 13、类型兼容性

转载:《TypeScript 中文入门教程》 13、类型兼容性
转载:《TypeScript 中文入门教程》 13、类型兼容性 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 TypeScript里的类型兼容性基于结构子类型的。 结构类型是只一种只使用其成员来描述类型的方式。 它正好与名义类型形成对比。 看下面的例子: interface Named { name: string; } class Person { name: string; } var p: Named; // OK,...

转载:《TypeScript 中文入门教程》 12、类型推导

转载:《TypeScript 中文入门教程》 12、类型推导
转载:《TypeScript 中文入门教程》 12、类型推导 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 这节介绍TypeScript里的类型推论。即,类型是在哪里如何被推断的。 基础 TypeScript里,在有些没有明确指出类型的地方,类型推论会帮助提供类型。如下面的例子 var x = 3; 变量x的类型被推断为数字。 这种推断发生在初始化变量和成员,设置默认参数值和决...

转载:《TypeScript 中文入门教程》 10、混入

转载:《TypeScript 中文入门教程》 10、混入
转载:《TypeScript 中文入门教程》 10、混入 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 除了传统的面向对象继承方式,还流行一种通过可重用组件创建类的方式,就是联合另一个简单类的代码。 你可能在Scala等语言里对mixins及其特性已经很熟悉了,但它在JavaScript中也是很流行的。 混入示例 下面的代码演示了如何在TypeScript里使用混入。 后面我们...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: