想知道是否有人可以闡明如何解耦材料表中的行。我有一個有 4 列的表格，但默認情況下它應該只顯示 2 列，所以每一行都有一個標記為“更多”的按鈕，所以當你點擊它時，它應該顯示其他 2 列。它確實像那樣作業。但是，當您單擊一個“更多”按鈕時，會顯示所有行的資訊，希望僅顯示單擊按鈕所在行的 4 列。這是stackblitz代碼供參考，任何見解都將不勝感激！
https://stackblitz.com/edit/mat-table-responsive-udvaoq?file=README.md
嘗試添加 ngIf 但一旦單擊添加的按鈕，所有行都對其做出反應，只有 1 行應該對其做出反應，這意味著它們必須是獨立的
uj5u.com熱心網友回復：
好吧，列實際上必須存在于所有行中——這就是表格的作業方式。如果未標記為“顯示更多”，您可以做的是隱藏單元格的內容。
首先，您需要一個布爾陣列——每一行一個布爾陣列，而不是操縱單個布林值來顯示/隱藏列。
然后你通過傳遞行的索引來控制這些按鈕。
這是一個有效的 stackblitz 示例- 請注意所有 .html、.ts 和 .css 檔案中的更改。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/526706.html
標籤：有角度的角材料
上一篇：獲取激活路由的模塊名和控制器名
下一篇：2022UUCTF--WEB