PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 752|回复: 0

Angularjs4.0 Todolist功能

[复制链接]

40

主题

80

帖子

348

积分

中级会员

Rank: 3Rank: 3

积分
348
发表于 2017-8-11 10:28:51 | 显示全部楼层 |阅读模式
Angularjs4.0 如何实现Todolist的功能呢?下面让我们来为大家做详细介绍:

html代码

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

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

  3. <ul>
  4.   <li *ngFor="let item of list">
  5.      {{item}}
  6.   </li>
  7. </ul>
复制代码


Js代码

  1. export class TodolistComponent implements OnInit {

  2.    list:any[];
  3.    username:any;

  4.    constructor() {
  5.      
  6.    }

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

  10.   }
  11.   addData(){

  12.       alert(this.username);

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

  15. }

复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-10-21 10:29 , Processed in 0.291002 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表