Css 角度材质md选择打开方向

Css 角度材质md选择打开方向,css,angularjs,material-design,angular-material,Css,Angularjs,Material Design,Angular Material,我尝试使用角度材质,特别是md select指令。在“选择”中,容器会打开,因此它会隐藏选择器,并向上和向下拉伸,如图所示 打开选择器之前: 打开选择器后: 我在屏幕顶部使用它,我希望选择容器向下打开(就像老式的下拉列表一样)所以我正试图实现这样的目标:(只是为了澄清-我用颜料制作了这张图片。这并不是我能做到的) 这是一个带有真实示例的代码笔:严格来说,材料设计规范并不能满足@Rishab777的所有要求-如果我没有弄错的话,我的请求并没有违反规范。我确实希望它出现在发光元件的顶部,但我希

我尝试使用角度材质,特别是
md select
指令。在“选择”中,容器会打开,因此它会隐藏选择器,并向上和向下拉伸,如图所示

打开选择器之前

打开选择器后

我在屏幕顶部使用它,我希望选择容器向下打开(就像老式的下拉列表一样)所以我正试图实现这样的目标:(只是为了澄清-我用颜料制作了这张图片。这并不是我能做到的)


这是一个带有真实示例的代码笔:

严格来说,材料设计规范并不能满足@Rishab777的所有要求-如果我没有弄错的话,我的请求并没有违反规范。我确实希望它出现在发光元件的顶部,但我希望它从发光元件的顶部开始,而不是在发光元件的上方。如果查看写有“当前选定菜单项显示在发射元件上方”的等级库,则菜单的第一项显示在发射元件的正上方,而不是上方。这就是我想要实现的。你们已经有了一个有效的例子。你的问题是什么?@sdfacre-这不是一个有效的例子。我试着让菜单下拉,而不是两边都伸展。看第三张图片和第二张图片。查看两个选项中第一个项目的位置,并与选择器所在的位置进行比较。顺便说一句,第三张图片不是一个有效的例子,它是一个photoshop的例子。好。。。实际上,画图示例:/但是你发布的代码笔链接对我来说很有用,而且看起来它就是你想要的。对不起,我可能错过了一些东西。