角材Md-ツールバー入力

Question

md-ツールバー内にmd-input-containerを追加する方法はありますか？

Answer 1

これはかなり簡単です。単にmd-input-containerをツールバーに追加してください。

<md-toolbar class="myCustomClass"> 
    <div class="md-toolbar-tools"> 
    <md-input-container class="md-block" flex-gt-sm> 
     <label>Search for item</label> 
     <input ng-model="searchPhrase" name="searchPhrase"> 
    </md-input-container> 
    </div> 
</md-toolbar> 

検索ボックスが高く表示されている場合は、垂直配置を調整する必要があります。デフォルトのスタイルをオーバーライドしなくて済むよう、ツールバーの入力用のカスタムクラスを作成し、上記のスタイルを適用するだろう明らかに正しい方法を

.myCustomClass md-input-container .md-errors-spacer{ 
    min-height: 0px !important; 
} 

：あなたは次のCSSを追加することでこれを行うことができます他の入力タグの