リユース機能角度1

Question

2 lists of items：利用可能なアイテムと関連アイテムがあります。 今、各リスト(different methods)の検索を行うAPIメソッドを呼び出す検索関数を記述したいと思います。 $scope objectを使用して検索結果にモデルを署名したいと考えています。このよう ：

$scope.availableItems.data = response.data; 

この場合は、再利用可能な検索方法を記述するための最良の方法は何ですか？

Answer 1

検索方法をサービスに入れ、サービスをコンポーネントに挿入します。サービス内の値にバインドするか、より良い方法でコンポーネントにゲッターを作成し、注入されたサービスから値を返します。以下のような

何か：あなたのサービスで

：

this.searchVal = '';あなたはsearchService注入そこにあなたのコンポーネントで

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

、：

{{getSearchValue()}} 

：ゲッターに結合し、あなたのコンポーネントテンプレートで

function getSearchValue () { 
    return myInjectedService.searchVal; 
} 

は、あなたがスコープにgetSearchValueを入れて言います