angular入门篇(3)——todolist(1)

了解完angualr相关概念和基本操作，现在开始一个小的综合实例。

要实现的功能如下：输入框中输入任意字符，点击回车或增加按钮，列表渲染显示出来，很简单的一个综合实例，其中可以运用到双向绑定，ngFor 循环,服务,逻辑简单却很实用。

思路过程：需要显示的数据中包含状态和序号index，所以，需要循环的数据List,不是一个单纯的数组，而是一个对象数组,类似这样[{"name":"张三","status":"1"}],然后在button 按钮和 input按钮分别绑定事件函数处理点击事件和按下回车事件（此事件中需要传参数$event，用于判断按下的字符）。HTML页面如图：

其中[hidden]用于处理未完成状态和完成状态的开关，也可以在ngFor外面加 div 标签 用ngIf处理。

TS逻辑页面：

此处还存在诸多bug:外层用 div包裹的时候 判断条件用 ngif="item.sta"时会无法识别属性，刷新网页后无法保存数据，改变状态后，无法返回继续返回渲染，将在后面的学习中解决。未完待续。。。。