摘要： 1. 装饰器就是一个方法, 可以注入到类/方法/属性/参数上来扩展其功能 2. 类装饰器 (普通装饰器) // 声明装饰器, clazz会接收到使用这个装饰器的类 function fnDemo(clazz: any) { // 扩展属性 clazz.prototype.value = '扩展属性' 阅读全文

摘要： 1. 泛型函数 function fun<T>(value: T): T { return value; } fun<string>('aaa'); 2. 泛型类 class Demo<T> { value: T; constructor(value: T) { this.value = value 阅读全文

摘要： 1. 在面向对象的编程中, 接口是一种规范定义, 起到了一种限制和规范的作用 2. 自定义方法传入参数, 对json进行约束 function run(json: {aaa: string, bbb: number}) { // ... } run({aaa: 'aaa', bbb: 123}); 阅读全文

摘要： 1. 定义类 class Person { name: string; // 属性 // 构造函数, 实例化类的时候触发 constructor(name: string) { this.name = name; } // 普通函数 run(): void { console.log(this.na 阅读全文

摘要： 1. 声明函数 (指定参数类型和返回类型) function fn(name: string, age: number): string { return `name=${name}, age=${age}`; } 2. 匿名函数 var fn = function(): number { retu 阅读全文

摘要： 1. 数据类型 boolean: 布尔 number: 数值 string: 字符串 Array: 数组 tuple: 元组 (属于数组的一种) enum: 枚举 any: 任意 null undefined: 变量定义后, 没有赋值 void never 2. 定义变量 var demo: boo 阅读全文

摘要： 1. 是什么? TypeScript是JavaScript的超集, 遵循最新的ES6/ES5规范 TypeScript扩展了JavaScript的语法 2. 安装(建议用cnpm) npm install -g typescript 验证是否安装成功, 用 tsc -v 查看一下版本 3. Hell 阅读全文

摘要： 1. 创建模块 ng g module aaa/bbb (会在src/app/aaa下创建bbb模块) ng g module aaa/bbb --routing (创建带路由的模块) 2. 外部模块要访问自定义模块中的组件, 自定义模块需要向外暴露 在module文件中配置 exports: [ 阅读全文

摘要： 1. 创建项目, 并同时生成路由文件 2. 创建组件xxx 3. 配置路由, 并在routing文件中导入组件xxx const routes: Routes = [ {path: 'xxx', component: XxxComponent} ]; 4. 在使用的地方用 routerLink <a 阅读全文

摘要： 1. ts文件与html交互 // 在ts文件中声明变量 public title = 'Hello'; // 在html中使用变量(使用两个花括号) <h1>{{ title }}</h1> // 绑定html ts: public h = '<h1>Hello</h1>' html: <div 阅读全文