筛选器谓词函数不返回任何内容，无法读取属性'data‘- MatTableDataSource angular
筛选器谓词函数不返回任何内容，无法读取属性'data' - MatTableDataSource angular 是一个关于Angular框架中的MatTableDataSource组件的问题。
MatTableDataSource是Angular Material库中的一个组件，用于在Angular应用程序中显示表格数据。它接受一个数据源作为输入，并提供了一些功能，如排序、分页和筛选。
在使用MatTableDataSource时，我们可以通过设置筛选器谓词函数来实现数据的筛选功能。筛选器谓词函数是一个用于判断数据是否符合筛选条件的函数。当筛选器谓词函数返回true时，数据将被保留，否则将被过滤掉。
根据提供的问题描述，出现错误"筛选器谓词函数不返回任何内容，无法读取属性'data'"可能是由于筛选器谓词函数没有正确返回数据导致的。请确保筛选器谓词函数返回一个布尔值，以指示数据是否符合筛选条件。
此外，还需要确保在使用MatTableDataSource之前，已经正确设置了数据源。可以通过将数据源赋值给MatTableDataSource的data属性来设置数据源，例如：
dataSource = new MatTableDataSource(data);在这个例子中，data是一个包含要显示的表格数据的数组。
关于MatTableDataSource的更多信息和使用示例，您可以参考腾讯云的官方文档：
希望这个回答能够帮助到您解决问题！
相关·内容
当我们在搜索栏中输入第一个字母时，下面的函数第一次不工作，并且它在数组中没有返回任何内容，后来当我们删除字母并继续键入时，它工作得很好。console.log('data:', data); return data.admissionno.toString-1; return myFilterPredicate;
浏览 15提问于2020-06-20得票数 0
1回答
我如何过滤一个精确的匹配？25915b8d-8b7c-41fe-b015-9b2e0a7d194b 1225915b8d-8b7c-41fe-b015-9b2e0a7d194b applyFilter(filterValue: string) {filterValue = filterValue.toLowerCase();
this.dataSource.filter = f
浏览 1提问于2019-05-17得票数 0
回答已采纳
我想要做的是在一种样式中显示任何具有未定义isRight属性的对象，并在另一种样式中显示该属性。 { path: '/login', title: 'Login
浏览 9提问于2014-01-12得票数 41
回答已采纳
4回答
该表显示并填充数据，但一旦我键入多个字母，筛选方法似乎不正确地删除所有条目，即使是不应该删除的条目。这里我可以想到的一个不同之处是，在我的示例中，我在dataSource：dataSource: MatTableDataSource<Match>;的声明中使用了一个类，而在由角人提供的示例中，它是一个接口：dataSource: MatTableDataSource<UserData>;。这里的任何帮助都非常感谢。
浏览 0提问于2019-08-28得票数 1
回答已采纳
-- End of List -->角码：
mod.controller("myCtrl", function
浏览 2提问于2015-07-30得票数 0
回答已采纳
下面是一个过滤器的示例，它将在未选中复选框时显示所有内容，并在选中复选框时对数据进行筛选。(对搜索引擎来说，它很适合寻找一家有无线网络、阳台的酒店.例如)
App.filter(‘方便函数_过滤器’，函数(){返回函数(项目，类型){ var过滤= []；var displayItem；angular.forEach(项，函数(项目){ displayItem =真；angular.forEach(类型，函数</e
浏览 1提问于2014-07-23得票数 0
= 0){ this.dataSource.filterfilterValue.trim().toLowerCase(); }上面的函数进行过滤
浏览 0提问于2019-04-19得票数 6
1回答
我使用带有侦听器的TextField来过滤TableView。我获得了设置谓词if newText与部分ID或名称匹配的if语句。我创建了一个标签，并将可见性设置为false开始。我将在谓词逻辑中的每个if语句之后将标签设置为可见的代码，这样它只能显示没有一个语句是有效的。然后，我在谓词逻辑的开头放置一行，将其设置为false，因此在每个侦听器上，它都会被重置
浏览 5提问于2022-06-28得票数 2
回答已采纳
for (var i = 0, max = list.length; i < max; i++) { }有任何方法可以用for重写filter()循环吗？
浏览 3提问于2016-12-27得票数 1
回答已采纳
props.types.filter(data => (data.is_active === 1)).map((data, index) => {我在这个组件中得到了但有时props.types不包含is_active属性。因此，在这种情况下，map函数不会返回任何内容。只有当filter属性存在时，我才希望运行data.is_
浏览 0提问于2021-10-29得票数 0
回答已采纳
['#']和[.='#']到底有什么区别？有什么不同吗？<xsl:template match="a/@href[.='#']">...</xsl:template>
浏览 1提问于2014-02-17得票数 1
回答已采纳
2回答
我试图通过下拉列表设置的属性筛选列表： {id : 7, name : 'Rating 1', rating: 1 } };
实际上，筛选器在that属性中没有正
浏览 4提问于2015-08-10得票数 0
回答已采纳
我正在构建服务器端的分页、排序和过滤。
如果项包含空字符串，如何更新筛选器函数以简单地返回true，以跳过比较操作？
浏览 0提问于2019-06-04得票数 2
回答已采纳
1回答
我有一个从MatTableDataSource获取数据的表。数据源包含一个过滤器，它只能显示表中的元素，这些元素的特定属性设置为true或false。ConverterService.toBoolean(filter);在表中，我为每个元素设置了一个按钮，可以单击该按钮打开一个编辑对话框，这样用户就可以更改任何元素属性关闭对话框后，我使用表索引用编辑对话框返回的新元素覆盖旧元素。>
&l
浏览 8提问于2022-03-16得票数 1
回答已采纳
35回答
两者都有mat表和分页器，而分页是为一个组件工作的，而不是为另一个组件工作的，尽管代码是相似的。scheduledOrdersPaginator [pageSizeOptions]="[5, 10, 20]"></mat-paginator>下面是我在component.ts中的代码：@ViewChi
浏览 4提问于2018-02-14得票数 88
回答已采纳
2回答
对于每个学生对象，将对象传递给自定义筛选函数filterByCourse(byCourse, student)。问题：
当我将学生对象传递到filterByCourse中时，第一行上的一个console.log显示学生是未定义的，因此我不能像我想的那样迭代这些课程并返回经过过滤的学生列表，但是无法<
浏览 6提问于2016-05-05得票数 2
回答已采纳
1回答
我正在尝试实现一个非常简单的管道，它从*ngFor获取数据，然后执行一些操作，但是当我执行data.filter()时，它抛出一个错误“无法读取未格式化的属性筛选器”import { Pipe, PipeTransform } from '@angular/core';
exporthtml页面
浏览 2提问于2017-04-11得票数 0
回答已采纳
该文件具有选择器和方法，这些选择器和方法可以填充登录页上的表单，允许用户登录。登录后，下一个页面对象将完全失败。下一步应该简单地验证用户名是否在页面上找到(使用适当的选择器和getText方法)。<anonymous> (test/admin/dashboard/adminUser/pdvi-2377.js:57:39)describe('would我的方法显然是以未定义的形式返回选择中的文
浏览 0提问于2015-12-29得票数 0
回答已采纳
1回答
expandedDetail']" class="example-detail-row"></tr>表-tree.tsimport { state, transition,} from '@angular/animations&#
浏览 2提问于2021-07-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
