Как связать несколько вариантов / выбрать в Angular 4 - PullRequest
0 голосов
/ 01 июня 2018

Я постараюсь объяснить свой сценарий.У меня есть поисковый фильтр, который работает при использовании в Angular 4 следующего формата:

<select [(ngModel)]="city_filter" (change)="applyFilter('city',$event.target.value)">
  <option value="Ahmedabad">Ahmedabad</option>
  <option value="Bangalore">Bangalore</option>
  <option value="Bengaluru">Bengaluru</option>
  <option value="Delhi">Delhi</option>
  <option value="Dilli">Dilli</option>
</select>

Он перестает работать, когда я пробую метод:

   <select [(ngModel)]="city_filter" (change)="applyFilter('city',$event.target.value)">
      <option value="Ahmedabad">Ahmedabad</option>
      <option value="Bangalore/Bengaluru">Bangalore/Bengaluru</option>
      <option value="Delhi/Dilli">Delhi/Dilli</option>
    </select>

Как мне сделать эту работутак что фильтр работает как для Бангалор / Бангалор ?

В applyFilter это функция:

applyFilter (key: string, value) {
    this.filter.set(key, value);
    if (value === 'null') {
      this.filter.delete(key);
    }
    let p = new HttpParams();
    this.filter.forEach((v, k) => {
      p = p.append(k, v);
    });
    this.loading = true;
    this.jobService.searchJob(p).subscribe(res => {
      this.loading = false;
      this.valueStack = res;
      this.jobs = res.jobs || [];
    }, err => {
      this.loading = false;
      this.jobs = [];
    });
  }

1 Ответ

0 голосов
/ 01 июня 2018

Вместо этого

 <option value="Bangalore/Bengaluru">Bangalore/Bengaluru</option>

Попробуйте это

 <option [ngValue]="'Bangalore' || 'Bengaluru'">Bangalore/Bengaluru</option>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...