在angularjs语法es6中清除输入时，如何默认从服务器加载数据？答案

【问题标题】：How do I load data from the server by default when the input is cleared in angularjs syntax es6?在angularjs语法es6中清除输入时，如何默认从服务器加载数据？
【发布时间】：2019-05-14 09:52:47
【问题描述】：

我正在从服务器下载数据。我有一个搜索足球俱乐部的输入。一切都好。当输入“manchester”时，它会搜索“Manchester Utd”和“Manchester City”。当我删除“曼彻斯特”时，我想在输入为空的情况下默认加载“伦敦”

  <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.键入“manchester”--->显示来自曼彻斯特的俱乐部 2.删除“manchester”--->显示来自“伦敦”的默认俱乐部

【问题讨论】：

标签： javascript angularjs ecmascript-6

【解决方案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;

【讨论】：