mat-autocompleteclassListInput如何工作?

根据MatAutocomplete 文档,有一个classList输入可以设置面板的样式。

@Input('class') classList: string | 细绳[]

获取在主机 mat-autocomplete 元素上设置的类,并将它们应用到覆盖容器内的面板,以便轻松设置样式。

当我这样做时,<mat-autocomplete #auto="matAutocomplete" classList="test-class">我希望我会看到添加到 mat-autocomplete-panel 的测试类?但这不起作用。

有人可以解释一下如何使用这个输入吗?

闪电战

回答

我想到了。文档说它需要“在主机 mat-autocomplete 上设置”的类

那是我错过的部分。你需要设置class="test-class"以及

<mat-autocomplete #auto="matAutocomplete" class = "test-class" classlist="test-class">

我还意识到 css 必须在您的应用程序的基础中,styles.css file而不是在您的组件 css 文件中才能工作。这可能是因为您的面板将位于组件外部的叠加层内

工作堆栈闪电战


以上是mat-autocompleteclassListInput如何工作?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>