如何對MD-輸入容器浮動標籤時NG-機型爲空

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> 

此實現方法是u唱角材。我檢查與ng - 如果activeDate是null，如果它不是我有另一個md-input-container獲得值，這是一個「解決方法」的解決方案，最好的辦法是將所有的邏輯在同一個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'}}"