如何防止在AngularJS ng-repeat中发送重复请求?

时间:2017-12-18 15:21:32

标签: javascript html angularjs angularjs-ng-repeat

在AngularJS ng-repeat中,我有一个模型数组,每个

都有一个特定的IMG字段

项目和过滤模型的输入。

var model = [
  {id:1,IMG:"img1.jpg",text:"text1"},
  {id:2,IMG:"img2.jpg",text:"text2"}
];
//Filter by text: 
<input type="text" ng-model="filterKey.text"/>
//repeat on model array based on filterKey
<tr ng-repeat="(CRI,row) in model | filter:filterKey">
  <td>
    <img ng-src="row.IMG"/>
  </td>
</tr>

第一个当filterKey为null时,所有从服务器请求的IMG和

没关系。如果我写&#39; text3&#39;在输入中,AngularJS无法匹配任何

该项目并删除所有ng-repeat元素。之后,我写了

&#39;吨&#39;在输入中,AgularJS发送其他请求以进行过滤

IMG(因为ng-repeat重新创建所有元素)。

我不需要发送请求以获取第一个请求的IMG。

该模型包含1000多个项目,并在每个流程中发送多个

请求获取之前步骤中请求的IMG。

我该如何处理这个问题?

0 个答案:

没有答案