幽梦林子 发表于 2017-8-11 10:28:51

Angularjs4.0 Todolist功能

Angularjs4.0 如何实现Todolist的功能呢?下面让我们来为大家做详细介绍:

html代码

<input type="text" [(ngModel)]='username'>

<button (click)='addData()'>增加</button>

<ul>
<li *ngFor="let item of list">
   {{item}}
</li>
</ul>

Js代码

export class TodolistComponent implements OnInit {

   list:any[];
   username:any;

   constructor() {
   
   }

ngOnInit() {
    this.list=[];
    this.username='';

}
addData(){

      alert(this.username);

      this.list.push(this.username);
}

}



页: [1]
查看完整版本: Angularjs4.0 Todolist功能