Как мне загрузить данные с сервера по умолчанию, когда ввод очищен в синтаксисе angularjs es6?

Question

Я загружаю данные с сервера.У меня есть вход, который ищет футбольные клубы.Все отлично.При вводе «Манчестер», он будет искать «Манчестер Юнайтед» и «Манчестер Сити».Когда я удаляю «Манчестер», я хочу, чтобы в ситуации, когда ввод был пустым, он загружался по умолчанию «Лондон»

  <input type="search" ng-model="query" ng- 
  change="$ctrl.callGetClubs(query)" placeholder="filter" />



 class ClubsController {
        constructor(ClubService) {
        'ngInject'
        this.ClubService = ClubService;
    }

    callGetClubs(query) {
      this.clubs = null;
      this.ClubService.getClubs(query).then(response => 
        {
           this.clubs = response.data;
           console.log(this.clubs);
        });

    }
 }

export default ClubsController;

Ожидания: 1.Ввод «Манчестера»---> показ клубов из манчестера 2.Delete 'манчестер ---> показ клубов по умолчанию из' лондона '

Answer 1

просто добавьте значение по умолчанию для модели запроса в callGetClubs ();

 <input type="search" ng-model="query" ng- 
  change="$ctrl.callGetClubs(query)" placeholder="filter" />

class ClubsController {
        constructor(ClubService) {
        'ngInject'
        this.ClubService = ClubService;
}

callGetClubs(query) {
     if(query.length === 0){
       query='london';
     } 
     this.clubs = null;
     this.ClubService.getClubs(query).then(response => 
        {
           this.clubs = response.data;
           console.log(this.clubs);
        });
    }
 }

export default ClubsController;