一、實現todoList的demo

功能很簡單，提供一個文本框，用戶輸入回車後添加新條目。每個條目可以在待處理和處理中兩個區域間切換，每個條目都可以被刪除，大致的界面如下圖所示：

二、處理邏輯

首先將前臺的input文本框和後臺的變量雙向綁定，然後後臺需要一個list數組保存多個事項，html頁面將list中的對象遍歷顯示，每一個遍歷的元素都需要一個刪除按鈕，以及切換按鈕，前者觸發後臺數據刪除list中的對應對象，後者觸發後臺改變list中對應對象的屬性，從而改變對象在前臺的顯示位置，具體的html代碼如下圖所示，這裏有一點需要註意，沒有辦法同時在一個標簽內同時使用*ngFor和*ngIf兩個屬性，否則編譯時會報錯

在這裏有一個細節需要註意，不要把slice與splice弄混淆。

slice(start,end)：方法可從已有數組中返回選定的元素，返回一個新數組，包含從start到end（不包含該元素）的數組元素。

splice(index,number,additem1,additem2)：該方法向或者從數組中添加或者刪除項目，返回被刪除的項目（該方法會改變原數組）。後臺的具體代碼如下所示：

初探AngularJs框架（三）