显示带有md-autocomplete且没有配置浮动标签的ng-messages

时间:2017-04-18 13:54:53

标签: angularjs angular-material

我正在使用md-autocomplete并且需要在输入上方显示非浮动标签,同时仍然能够按常规md-input-container内的其他输入显示验证消息。

对于其他输入,我使用md-input-containerslabel一样:

<md-input-container flex-gt-sm="50" md-no-float>
  <label translate>Pick Something</label>
  <input/>
</md-input-container>

我正在为md-autocomplete尝试类似的东西,但是当使用这种方法而没有配置md-floating-label属性时,任何应该出现的验证消息都无法执行此操作。

此codepen进一步演示了这一点 - https://codepen.io/anon/pen/eWpVbd

点击输入并单击后,您将看到所需的ng消息。但是,如果您从md-floating-label移除了md-autocomplete属性,那么您将留下非浮动标签“Pick Something”,您将不再获得验证消息。

有没有人知道如何实现这一目标?

0 个答案:

没有答案