我使用angular material創建了一個帶選擇的表格。現在我想在一個下拉選單的onchange方法中檢查一些特定的行。 到目前為止,我做了以下作業:
- 創建了表
- 在資料庫中加載值
- 加載資料庫中的值 創建了下拉和onChange方法。
- 創建了一個保存按鈕,為我提供了選定的值和我的下拉值 。
現在我無法根據下拉選單的onChange來檢查該行的值。 我的資料源:
const ELEMENT_DATA: PeriodicElement[] = [...
{ position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H' },
{ position: 2, name: 'Helium', weight: 4.0026, symbol: 'He' },
3, name: 'Lithium', weight: 6.941, symbol: 'Li' },
{ 位置: 4, name: 'Beryll', weight: 6.941: 4, name: 'Beryllium', weight: 9.0122, symbol: 'Be' },
];
在我的下拉選單的onChange中,假設我只想檢查這兩行
{ position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H' },
{ position: 2, name: 'Helium', weight: 4.0026, symbol: 'He' }。
注意到:我應該能夠在加載值后檢查或取消檢查,并在我的保存按鈕中獲得一個新的檢查值 這是我在 stackblitz 的代碼
uj5u.com熱心網友回復:
你可以像這樣改變你的onSelectRole
onSelectRole(e: any) {
this.selection.clear()。
如果(e==1){
const CheckThisRow = this.dataSource.data.filter(x=>x.position==1)
this.selection.select(...CheckThisRow)。
}
如果(e==2){
const CheckThisRow = this.dataSource.data.filter(x=>x.position==4)
this.selection.select(...CheckThisRow)。
}
}
NB:請根據您的需要進行修改
。轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/323564.html
標籤:
上一篇:指定在Typescript類建構式中設定什么可選屬性
下一篇:2個標簽在4個超文本鏈接中
