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 文件中才能工作。这可能是因为您的面板将位于组件外部的叠加层内
工作堆栈闪电战