角度カスタムフィルタは表示されません

Question

私はこれを最後の日に、私が間違っていたことを理解しようとしています。私はフィルタに値を渡し、工場からの戻り値から構築されたハッシュから文字列を返そうとしています。私はそれが工場を呼び出さない同様の機能で動作するようにすることができますが、私は工場から戻ってくるときは、適切な文字列がコンソールに表示されていても、文字列を表示することができません。私はここで本当に簡単なものを見逃していますか？ここ

コントローラー：ここ

var app = angular.module('app', []); 
app.controller('ctrl', ['$scope', function($scope) { 
    $scope.stuff = 1; 
}]) 

工場：ここ

app.factory('factory', ['$q', function($q) { 
    var list = [ 
    {set1: 1,set2: 'name1'}, 
    {set1: 2,set2: 'name2'} 
    ]; 
    var list2 = [ 
    {set1: 1,set2: 'name6'}, 
    {set1: 2,set2: 'name7'} 
    ] 
    var service = { 
    getList: getList 
    } 
    return service; 

    function getList(id) { 
    var deferred = $q.defer(); 
    if (id === 1) { 
     deferred.resolve(list); 
    } else if (id === 2) { 
     deferred.resolve(list2); 
    } 
    return deferred.promise; 
    } 
}]) 

がフィルタ：

app.filter('customFilter', ['factory', function(factory) { 
    var factoryHash = {}; 
    return function(input, id) { 
    factory.getList(id) 
     .then(function(res) { 
     angular.forEach(res, function(value) { 
      this[value.set1] = value.set2; 
     }, factoryHash); 
     console.log('factoryHash', factoryHash[input]) 
     return factoryHash[input]; 
     }) 
    } 
}]) 

plnkrはここにあります。フィルタはどのような方法を実行し、あなたの約束は、機能を終了したとき、既にUIに結果を返すことになるので、あなたは、フィルター内部の約束を使用することはできません

https://plnkr.co/edit/c4hYrRrdbBF9M2o5tVV5

Answer 1

。