2

我正在尝试将 mat-autocomplete 与自定义项目高度一起使用。我可以使用以下 css 调整选项高度：

.mat-option {
  height: 25px !important;
  line-height: 25px !important;
}

但是，这会导致滚动中断，当使用向下箭头时，面板滚动超出必要。

文档引用了一个常量：AUTOCOMPLETE_OPTION_HEIGHT设置为 48px。有没有办法覆盖这个常量？我试图将常量值作为提供者提供：

    //{
    //  provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
    //  useValue: {
    //    AUTOCOMPLETE_OPTION_HEIGHT: 25,
    //    AUTOCOMPLETE_PANEL_HEIGHT: 1250
    //  }
    //},
    { provide: AUTOCOMPLETE_OPTION_HEIGHT, useValue: 25},
    { provide: MAT_CHECKBOX_CLICK_ACTION, useValue: 'noop'}
  ]

这似乎没有任何效果。

如何调整选项高度以使面板正确滚动？

谢谢！

4

0 回答 0