Angular Material - 打开md-autocomplete

Question

如何直接打开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-分钟长度的属性，

md-min-length="0" 

如果你有一个搜索功能，请确保您返回的所有数据。