html - 对于任何输入类型， Angular Material 输入标签始终 float

Question

我需要在每个包含 md-input、md-select、md-datepicker 或 md-autocomplete 的 md-input-container 上显示固定(无动画) float 标签。我实际上通过在 md-input-container 上添加 class="md-input-has-placeholder"设法让它在 md-input 上工作，但它不适用于任何其他类型的输入。

<md-input-container class="md-input-has-placeholder">
    <label style="font-size:15px;">Name</label>
    <input type="text" name="name" ng-model="user.name">
</md-input-container>

result expected example

Answer 1

你可以只添加 placeholder=""到你的字段..我已经用输入和文本区域进行了测试，不知道它是否适用于所有组件..希望它有帮助

<md-input-container>
        <label>Text (always floating)</label>
        <textarea ng-model="ngModel" rows="1" md-maxlength="150" placeholder=""></textarea>
    </md-input-container>