MatDatepickerFilter - 过滤器函数无法访问类变量

2024-02-11

一个 MatDatePicker ,其过滤器定义如下:

<mat-form-field class="example-full-width">
  <input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
export class DatepickerFilterExample {
  someDateToBlock: number = 3;
  myFilter = (d: Date): boolean => {
    const day = d.getDay();
    // THIS FUNCTION CANNOT ACCESS THE VARIABLE 'someDateToBlock'
    return day !== 0 && day !== 6;
  }
}

我想访问过滤器函数中的变量 someDateToBlock (或任何其他变量)。有没有解决方法可以使这种情况成为可能?


我遇到了同样的问题,似乎材料日期选择器无法访问过滤功能组件的“this”。对我来说改变:

[matDatepickerFilter]="myFilterFunction" 

to

[matDatepickerFilter]="myFilterFunction.bind(this)"

成功了。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

MatDatepickerFilter - 过滤器函数无法访问类变量 的相关文章

  • 材质 Angular Accordion 标题/标题高度

    所以我一直在尝试在我的 Web 应用程序开发中采用 Materials Accordion 然而 随着内容的增长 使标题的大小扩大会遇到一些麻烦 我的标题预计有相当多的行来提供摘要 而不仅仅是 1 行 如果我对材质标题高度进行硬编码 则会导
  • Mat-checkbox 已选中但不更改复选框状态

    我正在实现一个语言切换组件 它显示复选框 一个用于应用程序的每种语言 翻译为 ngx translate 单击其中一个复选框时 应用程序语言已正确切换 但单击的 mat checkbox 仍未选中 模板
  • Material2 自动完成的值不显示

    我试图让自动完成功能显示对象的一个 参数 但保存另一个参数 到目前为止它似乎没有表现出来 代码来自 Material2 Autocomplete 网站 自动完成 https material angular io components co
  • Angular 5 Material 2 - 自动完成从外部API获取数据

    我使用的是角度 5 和材质 2 在 ts 文件中 我有这个属性 filteredOptions Observable
  • 如何在 Angular 2 中获得全彩色的垫卡标题背景?

    我在 Angular 2 中制作了一个联系表 我会制作一个彩色顶栏
  • 不同组件中的垫菜单和按钮

    I have
  • 在 Angular Material 2 表中使用虚拟滚动和 @angular/cdk-experimental

    我有一个表显示很多行 我想优化它的性能 我通过使用虚拟滚动技术找到了解决方案 这是一个例子Angular Material CDK 虚拟滚动视口组件 https github com angular material2 tree maste
  • Angular 6 MatTable 1000 行性能

    我在项目中使用角度材质 并使用 Mat Table 渲染每个表 1000 个产品 行 当将表的分页 我们使用后端分页 更改为 1000 行时 性能变得非常慢 我什至无法在文本框中写入 我尝试调试这个问题 所以我将日志放在一列模板上 这样我就
  • 如何在 Angular 4 中使用 Material Design 图标?

    我想使用来自的图标https materialdesignicons com https materialdesignicons com 在我的 Angular 4 项目中 网站上的说明仅涵盖如何将其包含在Angular 1 x https
  • 更改选择时的选项卡文本颜色

    我正在研究 Angular4 并且一直在使用 Angular 材料 我创建了一个选项卡组 并且想在选择任何选项卡时更改选项卡标签的文本颜色 我尝试过覆盖默认的 CSS 但这对我没有帮助 我可以覆盖墨迹栏 但无法在选择时覆盖选项卡文本颜色 m
  • 如何在 Angular 中使用 *ngFor 设置 formControlNames?

    我正在尝试使用设置表单控件 ngFor数组中的对象 根据用户的不同 有时我的数组中会有 1 个对象 但有时会有多个对象 我的问题是我想创建一个formControlName使用我可以但不确定如何在组件中设置表单组验证器的循环 只需像下面这样
  • 在 Material Angular 中显示一个简单的警报对话框

    我正在使用材质角度 来自角材料 https material angular io 该网站中的示例似乎有点过于复杂 互联网上的所有其他教程似乎要么已经过时 要么正在使用 AngularJS 如何显示一个带有标题 消息和确认 取消按钮的简单警
  • 如何更新角度材质

    将项目中的角度材料更新到最新版本的最佳方法是什么 email protected cdn cgi l email protection I tried npm install save angular material angular cd
  • Angular CDK的OverlayModule,cdk-overlay-pane不会将位置设置为绝对?

    我正在使用 Angular 的 CDK 的 Overlay 模块 我只是找不到将position absolute添加到覆盖层的方法 该模块将收到一个top and a left与连接元素位置匹配的位置 但覆盖层不会接收到position
  • 找不到 Angular Material 核心主题

    我已将 Angular Material2 包添加到我的项目中 但是 我在浏览器中收到以下警告消息 我创建了一个自定义 scss 文件并导入了包 但它仍然抛出警告消息 找不到 Angular Material 核心主题 大多数 Materi
  • 如何使用sidenav的EventEmitter(onClose)

    我想检查一下我的
  • 角度材质垫 - 根据最长选项宽度选择宽度

    我有一个带有选项的垫选择 我希望将其内联设置为文本 并且下拉菜单的长度与最长的选项一样长 我可能可以使用 js css vanilla 风格进行一些黑客攻击 但正在寻找更好的解决方案 有什么想法吗
  • 角度材质工具栏阴影

    我是材料2新手 我试图将主应用程序工具栏固定在屏幕顶部 问题是标高无法正常工作 内容隐藏了工具栏的阴影 我 这是我的 HTML 代码 app content height calc 100 64px overflow auto
  • 使用 openopenPanel() 方法打开 matAutocomplete

    我正在使用 Angular Material 的垫自动完成 https material angular io components autocomplete overview组件 并根据docs https material angula
  • 垫子选择面板最小宽度

    我正在尝试使用多个复选框自定义垫选择 由于某种原因 面板的最小宽度错误 如下所示 我不知道它在哪里计算这个最小宽度 我还尝试添加 panelClass 并覆盖此类的最小宽度 例如

随机推荐