angular - 使用es6等一些功能

app.module.ts

 var model = {
   user: 'Admin',
   items: [{
     action: 'buy flowsers', done: false
   },{
     action: 'get shoes', done: false
   },{
     action: 'collect tickets', done: true
   },{
     action: 'call joe', done: false
   }]
 }

 export class Model{
   user;
   items;
   constructor(){
     this.user='admin',
     this.items=[
       new TodoItem("buy1",false),
       new TodoItem("buy2",false),
       new TodoItem("buy3",false),
       new TodoItem("buy4",false)
     ]
   }
 }

 export class TodoItem{
   action;
   done;
   constructor(action,done){
     this.action = action;
     this.done=done;
   }
 }

新关键字（牵扯到es6 - typeScript）：

export -> es6

class -> es6

constructor -> es6

app.component.ts

 import { Component } from '@angular/core';
 import { Model } from './app.module';

 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
   model = new Model();
   getName(){
     return this.model.user;
   }
   title = 'app';
 }

页面 - > app.component.html

新写法： {{value}} -> 数据绑定