第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

根據(jù)ngfor動態(tài)列表中的點擊更改文本狀態(tài)

根據(jù)ngfor動態(tài)列表中的點擊更改文本狀態(tài)

SMILET 2021-05-03 17:45:45
我已經(jīng)使用angular 7設(shè)置了我的項目。ngFor中有數(shù)據(jù)列表。我有所有狀態(tài)文本為待定的產(chǎn)品列表。如果單擊批準或拒絕按鈕,它將更改列表中的所有文本。對于我點擊過的一切。我想做的是,如果我單擊列表按鈕之一,我想將狀態(tài)文本從待定更改為“已批準”或“已拒絕”我嘗試獲取索引值并使用它,但是只有在將其設(shè)置為“待批準”時,它才有效。也許我的想法是錯誤的!setStatus(product: any, index, status){  if (product) {      if(this.indexToAppendClassTo.indexOf(index) === -1)        this.indexToAppendClassTo.push(index);    }   if(status === 'approved'){    this.approved.push(product)  }else {    this.declined.push(product)  }}該indexToAppendClassTo.includes(i)會給你一個布爾值。這是一些代碼https://stackblitz.com/edit/angular-y1hsbn?file=src%2Fapp%2Fapp.component.ts我希望能夠使產(chǎn)品處于待處理狀態(tài),當我單擊“批準”或“拒絕”時,它會根據(jù)單擊將“待批準”的值更改為“批準”或“已拒絕”。這樣做有更好的辦法嗎?
查看完整描述

2 回答

?
莫回無

TA貢獻1865條經(jīng)驗 獲得超7個贊

所以我從您的代碼中知道的是,您總共有三個列表。


您用于迭代(ngFor)的一個,其他兩個已批準,如果我錯了,請拒絕糾正我。


一種方法是將一個對象與您的產(chǎn)品一起使用,并將另一個鍵用作狀態(tài)并根據(jù)按鈕的單擊更改值。


或者


將這些行添加到您的代碼中:


  if(status === 'approved'){

    //this line will remove the product from declined list

    this.declined = this.declined.filter(function(value, index, arr){


    return value!== product;


});

    this.approved.push(product)

  }else {

  //this line will remove the product from approved list

  this.approved= this.approved.filter(function(value, index, arr){


    return value!== product;


});

    this.declined.push(product)

  }

}

注意:請確保您從正確的列表中顯示結(jié)果。


查看完整回答
反對 回復 2021-05-13
  • 2 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號