Javascript 角度材质，当值存在时禁用浮动标签_Javascript_Css_Sass_Angular Material

Javascript 角度材质，当值存在时禁用浮动标签

javascript css sass angular-material

Javascript 角度材质，当值存在时禁用浮动标签,javascript,css,sass,angular-material,Javascript,Css,Sass,Angular Material,基本上，当有值时，我想关闭md floatinglabel（就像角度材质中的动画占位符）。在CSS中，我用自动搜索做了类似的事情我说如果自动搜索的输入中有值，则关闭浮动标签。我无法让它与md芯片一起工作。它在键入时工作，但一旦选择了md芯片，浮动标签就会返回，因为我没有键入任何值（参见下图）。但是存在一个芯片值，所以如果存在一个芯片值，我不想要浮动标签 #父搜索自动完成{ 边缘底部：0px； &>md芯片包装{ &>md-input-container.md-input-has-value

基本上，当有值时，我想关闭

md floating

label（就像角度材质中的动画占位符）。在CSS中，我用自动搜索做了类似的事情

我说如果自动搜索的

输入中有值，则关闭浮动标签。我无法让它与md芯片
一起工作。它在键入时工作，但一旦选择了md芯片
，浮动标签就会返回，因为我没有键入任何值（参见下图）。但是存在一个芯片值，所以如果存在一个芯片值，我不想要浮动标签


#父搜索自动完成{
边缘底部：0px；
&>md芯片包装{
&>md-input-container.md-input-has-value标签：非（.md无浮点）{
显示：无；
}
}
}

{{item.display}
你
必须
有一个父组件。
{{$chip.display}
如果您使用的是最新版本的Angle material，则可以使用floatLabel=“never”
请参见SO中的答案：