iT邦幫忙

1

Angular todolist 刪除事項

  • 分享至 

  • xImage

目前做出來的功能是這樣
https://ithelp.ithome.com.tw/upload/images/20211217/20143327EzGSFWuwaq.png

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

目前的程式碼
https://ithelp.ithome.com.tw/upload/images/20211217/20143327U7ua7TQEZA.pnghttps://ithelp.ithome.com.tw/upload/images/20211217/20143327HzCKMvm8wk.png

Peter iT邦新手 5 級 ‧ 2021-12-20 15:48:54 檢舉
安安
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
天黑
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;
}

我要發表回答

立即登入回答