旅行Tips

1. 泡泡林屋
2. 国际驾照
3. 常客计划

泡泡林屋

感受大自然

泡泡林屋 内部

国际自驾游 - 右舵

常旅客计划 - 积分

Angular

Past & Present

• 2009        0.X.X
• 2012.06  1.0.0
• 2016.02  1.5.0 (component)
• 2016.07  1.5.8
• angularjs.org  vs  angular.io

Trends

Core Part

TypeScript

interface ClockInterface {
    currentTime: Date;
    color?: string;
}

class Clock implements ClockInterface  {
    private  name: string;
    currentTime: Date;
    static origin = {x: 0, y: 0};

    constructor(h: number, m: number) {}
}

Type

@SomeDecorator
class Test {}

// The same as
class Test {}
Test = SomeDecorator(Test) || Test;


function someDecorator(target) {
  // Do something with target function
  target.isTestable = true;
}

@ - Decorator

Hello World

Component

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: '<h1>Hello World</h1>'
})
export class AppComponent { }

NgModule

import { NgModule }      from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import { AppComponent }   from './app.component';

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Bootstrap App

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

import { AppModule } from './app.module';

const platform = platformBrowserDynamic();

platform.bootstrapModule(AppModule);

《揭秘 Angular 2》

Angular 2 调查问卷示例项目

github: angular2-questionnaire