根据下拉列表选择和Angular 4中的提交按钮在网格中加载数据

Question

我可以在Angular JS中实现这一点，但不确定如何在Angular 4中实现这一点？

我有一个要求，我有两个下拉菜单。第二个下拉列表的值取决于第一个下拉列表中值的选择。我已经做到了。

现在我在这两个下拉菜单后有搜索按钮。用户点击搜索按钮后，相应的数据应以网格显示。

我试过，角度数据网格，Kendo UI等，但没有运气。

我已附上相同的屏幕截图。

注意：下拉功能已完成。唯一悬而未决的事情是在网格中填充数据。我可以直接使用数据显示网格，但我需要根据下拉选项和按下搜索按钮后进行显示。