javascript - 基于选择下拉列表的 Angular 2-Filtering 表(两者都是不同的组件)

标签 javascript angular ngfor

我正在尝试根据选择下拉组件传递的值来过滤数据表组件。我正在使用 @Input() 属性,但所选的下拉数据未传递给数据表组件。 如果通过,我将能够使用以下逻辑过滤表格:

不确定我哪里做错了。

onChangeDetected(val){ 
  this.someData= this.someData.filter(x => x.value== val)
}

可以找到完整的实现 here

最佳答案

我已在 this plunker 中更正了您的问题.现在数据已传递,数据会根据您选择的值发生变化。

随意环顾四周并在 Angular 的网站上寻找解释。

// Mandatory code with plunkr

关于javascript - 基于选择下拉列表的 Angular 2-Filtering 表(两者都是不同的组件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46089392/

相关文章:

javascript - 为什么这个 JQuery 脚本不能修改选定元素的 CSS 设置?

angular - 无法实例化 DatePipe

html - 尝试使=“margin-left:{{data}};”样式起作用

Angular 2 *ngFor 仅支持在内联模板中一次添加 10 个元素

javascript - MVC 5 中的 setRadius : not a number, Google Maps V3

javascript - 检查页面中的所有图像是否已加载

javascript - 使用ajax在div中加载项目

angular - 公共(public)或私有(private) - Angular 2 组件类方法混淆

angular - 使用 takeUntil() 关闭订阅

Angular 国际化 (i18n) 和 *ngFor