mat-select未能正常工作

16 浏览
0 Comments

mat-select未能正常工作

mat-select元素的行为很奇怪。请参阅以下内容。

代码


    


    一个
    两个
    三个
    四个
    五个

结果

mat-select元素行为怪异

mat-select包裹在mat-form-field中会出现以下错误:

mat-form-field必须包含一个MatFormFieldControl。是否忘记将matInput添加到原生的输入或文本区域元素中?

然而,包含一个带有matInputinput会同时显示inputmat-select,看起来很奇怪。有没有其他解决办法?

0
0 Comments

(mat-select Not Working Properly)问题的出现的原因是我错误地使用了驼峰命名法的 placeHolder,而不是正确的 placeholder,导致它被忽略了!这个问题非常难以发现!但是一旦我改成了 placeholder,就能够看到了。只是想分享一下,以防你也遇到了类似的问题。

0
0 Comments

mat-select无法正常工作的原因是因为它没有在mat-form-field中。解决方法是将mat-select放置在一个单独的mat-form-field中,而不是与输入框放在同一个mat-form-field中。以下是解决方法的代码示例:


    


    
        One
        Two
        Three
        Four
        Five
    

在app.module.ts文件中,需要导入MatSelectModule模块才能正常使用mat-select组件。如果忘记导入该模块,会出现错误。

以上是解决mat-select无法正常工作的问题的原因和解决方法。

0
0 Comments

问题原因:在app.module.ts中忘记导入MatSelectModule。

解决方法:在app.module.ts中导入MatSelectModule。

0