java - 重用函数 Angular 1

Question

假设我有 2 个项目列表:可用项目和相关项目。现在我想编写一个搜索函数来调用 API 方法来搜索每个列表 (不同的方法)。我想使用 $scope object 将搜索结果签名到模型中。像这样:

 $scope.availableItems.data = response.data;

在这种情况下，编写可重用搜索方法的最佳方式是什么？

Answer 1

将您的搜索方法放入服务中，将服务注入(inject)到您的组件中。绑定(bind)到服务中的值，或者更好的是，在您的组件中创建一个 getter 并从注入(inject)的服务中返回值。

类似于:

在您的服务中:

this.searchVal = '';

executeSearch ( searchTerm ) {
   // The usual http angular stuff etc.
   .then ( function ( d ) {
      this.searchVal = d; // however you do it in your code
   }
}

在您的组件中，您将搜索服务注入(inject)其中:

function getSearchValue ( ) {
   return myInjectedService.searchVal;
}

在您的组件模板中，绑定(bind)到 getter，假设您将 getSearchValue 放在作用域上:

{{getSearchValue()}}