角材 - md-autocompleteを開きます。

Question

オプションの1つと一致する要素がある場合でも、md-autocompleteを直接開いてオプションを表示する方法。

テンプレート：

<form class="example-form"> 
    <md-form-field class="example-full-width"> 
    <input mdInput placeholder="State" aria-label="State" [mdAutocomplete]="auto" [formControl]="stateCtrl"> 
    <md-autocomplete #auto="mdAutocomplete"> 
     <md-option *ngFor="let state of filteredStates | async" [value]="state.name"> 
     <img style="vertical-align:middle;" aria-hidden src="{{state.flag}}" height="25" /> 
     <span>{{ state.name }}</span> | 
     <small>Population: {{state.population}}</small> 
     </md-option> 
    </md-autocomplete> 
    </md-form-field> 

    <br /> 

    <md-slide-toggle 
    [checked]="stateCtrl.disabled" 
    (change)="stateCtrl.disabled ? stateCtrl.enable() : stateCtrl.disable()"> 
    Disable Input? 
    </md-slide-toggle> 
</form> 

Answer 1

は、あなたが検索機能を持っている場合は、すべてのデータを返すことを確認してください

md-min-length="0" 

、MD-MIN-length属性を使用します。