时间戳

首页 > 解决方案 > Angularjs以表格形式搜索和显示数据

javascript - Angularjs以表格形式搜索和显示数据

问题描述

是否可以从 json 文件中搜索数据并以表格格式显示？（我只希望表格在我点击搜索按钮时显示出来）如果有人可以教我如何教我或给我一个链接，我将不胜感激，因为我在任何地方都找不到它。我所能找到的只是桌子已经在那里的情况

标签： javascripthtmlangularjs

解决方案

您基本上可以使用 $filter 根据提供给搜索框的输入过滤掉记录，并且仅当最终结果有记录时才显示表格。我刚刚使用了示例 json 数据。在您的情况下，数据将来自文件。

 vm.searchData = function() {
 if (vm.searchText.length <= 0) {
   vm.finalData = [];
 }
 else{
   vm.finalData = $filter('filter')(vm.jsonData, { id: vm.searchText});
 }
}

工作 JSFiddle

推荐阅读