AngularJS - como obter uma referência de resultado filtrada ngRepeat

Estou usando uma diretiva ng-repeat com filtro da seguinte forma:

ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4"

e eu posso ver os resultados renderizados bem; agora eu quero executar alguma lógica nesse resultado no meu controlador. A questão é como posso pegar a referência de itens de resultado?

Atualizar:

Só para esclarecer: estou tentando criar uma conclusão automática, tenho esta entrada:

<input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query">

e depois os resultados filtrados:

<ul>
   <li  ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li>
</ul>

agora eu quero navegar no resultado e selecionar um dos itens.

ATUALIZAÇÃO : Aqui está uma maneira mais fácil do que a que existia antes.

 <input ng-model="query">
 <div ng-repeat="item in (filteredItems = (items | orderBy:'order_prop' | filter:query | limitTo:4))">
   {{item}}
 </div>

Então $scope.filteredItemsé acessível.

Aqui está a versão do filtro da solução de Andy Joslin.

Atualização: BREAKING CHANGE. A partir da versão 1.3.0-beta.19 ( este commit ), os filtros não têm um contexto e thisestarão vinculados ao escopo global. Você pode passar o contexto como argumento ou usar a nova sintaxe de alias no ngRepeat , 1.3.0-beta.17 +.

// pre 1.3.0-beta.19
yourModule.filter("as", function($parse) {
  return function(value, path) {
    return $parse(path).assign(this, value);
  };
});

// 1.3.0-beta.19+
yourModule.filter("as", function($parse) {
  return function(value, context, path) {
    return $parse(path).assign(context, value);
  };
});

Então, na sua opinião

<!-- pre 1.3.0-beta.19 -->
<input ng-model="query">
<div ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4 | as:'filteredItems'">
 {{item}}
</div>

<!-- 1.3.0-beta.19+ -->
<input ng-model="query">
<div ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4 | as:this:'filteredItems'">
 {{item}}
</div>

<!-- 1.3.0-beta.17+ ngRepeat aliasing -->
<input ng-model="query">
<div ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4 as filteredItems">
 {{item}}
</div>

O que lhe dá acesso $scope.filteredItems.

Tente algo como isto, o problema com o ng-repeat é que ele cria escopo filho por causa disso você não pode acessar

filteritems

do controlador

<li ng-repeat="doc in $parent.filteritems = (docs | filter:searchitems)" ></li>

Atualizar:

Mesmo depois da 1.3.0. se você quiser colocá-lo no escopo do controlador ou do pai, não poderá fazê-lo como sintaxe. Por exemplo, se eu tiver o seguinte código:

<div>{{labelResults}}</div>
<li ng-repeat="label in (labels | filter:query | as labelResults)">
</div>

o acima não irá funcionar. A maneira de contornar isso é usar o $ parent da seguinte maneira:

<li ng-repeat="label in ($parent.labelResults = (labels | filter:query))">

Eu vim com uma versão um pouco melhor da solução de Andy. Em sua solução, ng-repeat coloca um relógio na expressão que contém a atribuição. Cada loop de resumo avaliará essa expressão e atribuirá o resultado à variável de escopo.

O problema com esta solução é que você pode ter problemas de atribuição se estiver no escopo filho. Esta é a mesma razão pela qual você deve ter um ponto no modelo ng .

A outra coisa que eu não gosto nessa solução é que ela enterra a definição da matriz filtrada em algum lugar da marcação de exibição. Se for usado em vários lugares na sua visualização ou no seu controlador, pode ficar confuso.

Uma solução mais simples é colocar um relógio no seu controlador em uma função que faz a atribuição:

$scope.$watch(function () {
    $scope.filteredItems = $scope.$eval("items | orderBy:'order_prop' | filter:query | limitTo:4");
});

Esta função será avaliada durante cada ciclo de digestão, para que o desempenho seja comparável à solução de Andy. Você também pode adicionar qualquer número de atribuições à função para mantê-las todas em um só lugar, em vez de espalhadas pela exibição.

Na visualização, você usaria a lista filtrada diretamente:

<ul>
    <li  ng-repeat="item in filteredItems">{{item.name}}</li>
</ul>

Aqui está um violino, onde isso é mostrado em um cenário mais complicado.

Verifique esta resposta:

Selecionando e acessando itens em ng-repeat

<li ng-repeat="item in ..." ng-click="select_item(item)">