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]