角オートコンプリートエラーメッセージ（浮動ラベルなし）

Question

角オートコンプリートコンポーネントの検証エラーメッセージを追加します。私はHow to add validation attributes to md-autocomplete angular material directiveの例に従っていましたが、フローティングラベルを使用したくありません。どうすればこれを達成できますか？私は、 "MD-NO-フロート" 属性を追加することが私の問題を修正することを見つけ

<md-autocomplete md-input-id="person" 
 
       md-input-name="person" 
 
       md-item-text="item.displayName" 
 
       md-items="item in getPeople(searchText)" 
 
       md-search-text="searchText" 
 
       md-selected-item="model.person" 
 
       md-selected-item-change="form.person.$setValidity('itemInList', !!item)" 
 
       md-min-length="0" 
 
       placeholder="Enter a person" 
 
       md-select-on-focus 
 
       class="output" 
 
       required> 
 
    <md-item-template> 
 
     <span class="md-item" md-highlight-text="searchText" md-highlight-flags="^i">{{item.displayName}}</span> 
 
    </md-item-template> 
 
    <md-not-found> 
 
     <span class="md-item">No matches found.</span> 
 
    </md-not-found> 
 
</md-autocomplete> 
 
<div ng-messages="form.allowWrite.$error" ng-if="form.allowWrite.$touched" class="help-block"> 
 
    <div ng-message="required">Person is required</div> 
 
    <div ng-message="itemInList">Person was not selected from the list</div> 
 
</div>

Answer 1

：ここに私のHTMLです。

<md-autocomplete md-input-id="person" 
 
        md-input-name="person" 
 
        md-item-text="item.displayName" 
 
        md-items="item in getPeople(searchText)" 
 
        md-search-text="searchText" 
 
        md-selected-item="model.person" 
 
        md-selected-item-change="form.person.$setValidity('itemInList', !!item)" 
 
        md-min-length="0" 
 
        placeholder="Enter a person" 
 
        md-select-on-focus 
 
        class="output" 
 
\t \t \t \t \t md-no-float 
 
        required>

：ここに更新スニペットです