工作纪实angular2 代码

 

创建最简单的一个数组，供hmtl循环： 定义类型  在constructor内

ion-list>
    <ion-item *ngFor="let boss of bosss">name：{{boss.name}} & birthday：{{boss.birthday}}</ion-item>
  </ion-list>


export class TestInjectcc {

  bosss: any

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.bosss = [
      {name : "jack", birthday : 1991-2-3},
      {"name" : "xoxo", "birthday" : 2001-2-3}
    ]
  }

定义类型  在constructor内

export class TestInjectcc {

  bosss:{name:string, birthday:number}[];
 
  constructor(public navCtrl: NavController, public navParams: NavParams,) {
    //this.name = new boss ('jack', 23)
     this.bosss = [
       {name:"jack", birthday:23},
       {name:"xcxc", birthday:28}
       ]
  }
}

直接定义数组  constructor外

export class TestInjectcc {


  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }
  bosss:Array<{name:string, birthday:number}>=[
    {name : "jack", birthday :23},
    {name : "xcxc", birthday :238}
  ]
}

对象 实例化对象 ;没有属相 name 、age email  constructor外

export class boss{
    constructor(
        public name:string,
        private birthday:number
    ){}
}


import { boss } from '../../classes/Boss'
export class TestInjectcc {

  //bosss: any

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }
   bosss: boss[] = [
      new boss ('jack', 23),
      new boss ('xcxc', 28),
    ]
}

单个 constructor外

<ion-item >name：{{bosss.name}} & birthday：{{bosss.birthday}}</ion-item>

import { boss } from '../../classes/Boss'

export class TestInjectcc {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }
bosss = new boss('dreamapple', 23);
}

 

转载于:https://my.oschina.net/u/3427060/blog/994662