当ng-model为null时，如何在md-input-container上有浮动标签

Question

我想要实现的是：

或者这个：

当前代码：

<md-input-container  ng-if="!ctl.module.activeDate" placeholder = "NotSetted">
    <label>Activation Date</label>
    <md-datepicker ng-model="" disabled></md-datepicker>
</md-input-container>

此实现使用Angular Material。我检查了ng-if activeDate是null，如果不是我有另一个md-input-container获得了值，那就是＆＃34;解决方法＆＃ 34;解决方案，最好的方法是将所有逻辑放在同一个md-input-container。

Answer 1

在输入控件中使用占位符（不在输入容器中）。 未激活时，使用ng-disabled禁用控件。 使用md-placeholder在日期选择器中设置占位符。

<md-input-container  >
        <label>Activation Date</label>
         <md-datepicker  ng-model="ctl.mydate" 
                         ng-disabled="!ctl.module.activeDate" 
                         md-placeholder="Not setted"
          >
         </md-datepicker>
</md-input-container> 

编辑：如果要为启用/禁用状态设置不同的占位符，可以使用角度表达式：

md-placeholder="{{ctl.module.activeDate?'Not setted':'Disabled'}}"