如何解决如果满足条件,在表中显示行的角度
我有由component.ts从.json文件获取的表数据:
import lfirawdata from '../../../assets/json/data.json';
interface lfiexport {
id: string;
sgm: string;
pl: string;
qr: string;
}
export class lfiComponent implements OnInit{
lfilist: lfiexport [] = lfirawdata;
然后,我使用html组件在表中显示它:
<tr *ngFor="let lfiexport of lfilist">
<td>{{lfiexport.id}}</td>
etc.
我想在表格顶部添加一个选择菜单,一旦选择了值,表格将仅显示具有该选定值的那些行。
<mat-form-field>
<mat-select placeholder="Single City" name="city">
<mat-option *ngFor="let sgm of sgms" [value]="sgm.value">
{{ sgm.viewValue }}
</mat-option>
</mat-select>
</mat-form-field>
我尝试使用
谢谢
2 个答案:
答案 0 :(得分:0)
我认为是什么,为什么不使用下拉列表的change事件并根据选择的值重新填充您的表。
答案 1 :(得分:0)
您必须使用其他数组来满足所有数据的需求。因此,开始时数组 data 和数组 lfilist 是相同的。然后,当您在下拉菜单中选择某项时,您可以
this.lfilist = this.data.filter(i => your_condition_expression)
表将被更新
希望这可以为您提供帮助。
相关问题
最新问题
- 我写了这段代码,但我无法理解我的错误
- 在此代码中是否有使用“this”的替代方法?
- 在 SQL Server 和 PostgreSQL 上查询,我如何从第一个表获得第二个表的可视化
- 为什么我的 Onclick 箭头功能在 React 中不起作用?
- java中的random.expovariate()
- 每千个数字得到
- 是否有可能使 loadstring 不可能等于打印?卢阿
- 启动调试会话时出错 - Google Cloud Shell
- 我无法从一个代码实例的列表中删除 None 值,但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场?
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
解决方法
我认为是什么,为什么不使用下拉列表的change事件并根据选择的值重新填充您的表。
,您必须使用其他数组来满足所有数据的需求。因此,开始时数组 data 和数组 lfilist 是相同的。然后,当您在下拉菜单中选择某项时,您可以
this.lfilist = this.data.filter(i => your_condition_expression)
表将被更新
希望这可以为您提供帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。