我正在使用 angular 2，当我开始输入 2 个字符时，我想从下拉列表中获取餐厅名称

Question

我正在使用 Angular 2，我想从下拉列表中获取所有餐厅名称当我单击提交的文本时，我导致了下拉列表，它填充了所有结果，但我想要结果当我输入 2 个字符时

所以在城市的基础上，我正在获取餐厅，我想在输入一些字符后填充结果

<form (ngSubmit)="AddUpdateExperience(selectedExperience);experienceForm.reset();selectedExperience.restaurantType='';selectedExperience.workProfile='';selectedExperience.restaurantName=''" #experienceForm="ngForm">
  <div class="form-group">
    <div class="col-sm-6">
      <input type="text" class="form-control input-responsive" [(ngModel)]="selectedExperience.city" [ngModelOptions]="{standalone: true}" options="{types: ['address'], componentRestrictions: { country: 'US' }}" (setAddress)="getAddressForExperience($event)"
        (city)='city=$event' (postal_code)='postal_code=$event' id="autocomplete" placeholder="City you work in*" required ng2-google-place-autocomplete />

    </div>

  </div>
  <div class="form-group">
    <div class="col-sm-12">
      <input type="text" class="form-control input-responsive" ngui-auto-complete [(ngModel)]="selectedExperience.restaurantName" #myserver [source]="restaurants" name="restaurantName" #restaurantName="ngModel" [list-formatter]="autocompleListFormatter" value-property-name="name"
        display-property-name="name" placeholder="Restaurant/Bar Name*" (blur)="update(myserver.value)" loading-text="Loading" required>


    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-12">
      <input type="submit" [disabled]="!experienceForm.form.valid " value="{{experienceButtonText}}" class="btn btn-success" />
    </div>
  </div>
</form>

Answer 1

像这样。

在你的html中：

<input (input)="inputRestaurant($event.target.value)" />

在你的组件中：

private inputRestaurant(_value: string){
  if(_value.length > 2){
     // do something
  }
}

我正在使用 angular 2，当我开始输入 2 个字符时，我想从下拉列表中获取餐厅名称

I am using angular 2 and i want to fetch restaurant name from drop down when i start entering 2 characters

javascript

angular2-forms

angular