Angular todolist 刪除事項

angular javascript

vivian00724 2021-12-17 16:57:55 ‧ 1027 瀏覽

分享至

目前做出來的功能是這樣

待辦事項的數字可以隨著新增事項跟已完成做加減
按叉叉也可以刪除事項更新待辦數字
checkbox打勾已完成的數字也能更新
現在卡在一個功能若今天刪除的是“已完成”的事項
已完成的數字要怎麼更新-1

目前的程式碼

Peter iT邦新手 5 級 ‧ 2021-12-20 15:48:54 檢舉

安安

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

天黑

iT邦研究生 5 級 ‧ 2021-12-21 09:58:21

簡單寫一個希望是你要的

deleteToDo(index){
    //移除(已完成/未完成)工作事項
    this.toDoList.splice(index,1);
    this.complatedCount = sumComplateToDoList();
    //如果不需要每次統計下面這樣就可以了
    //this.complatedCount--;
}

//事件是可以加上model傳遞的
changed(item){
    if(item.checked){
        this.complatedCount++; 
        return;
    }
    this.complatedCount--;   
}

//這個應該有更好的寫法 先奏一個
sumComplateToDoList(){
    var cnt = 0;
    this.toDoList.forEach(item => {
        if(item['checked']){
            cnt++;
        }
    });
    return cnt;
}