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}} -> 数据绑定