我正在使用带有筛选器的ng-repeat指令，像这样：
ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4"
我可以看到渲染后的结果，现在我想在我的控制器中对该结果运行一些逻辑。问题是如何获取结果项的引用？
更新：
仅澄清一下：我正在尝试创建自动完成，我有这个输入：
<input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query">
然后是筛选后的结果：
<ul>
<li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li>
</ul>
现在我想浏览这个结果并选择其中一个项目。
更新：这里有比以前更容易的方法。
<input ng-model="query">
<div ng-repeat="item in (filteredItems = (items | orderBy:'order_prop' | filter:query | limitTo:4))">
{{item}}
</div>
然后$scope.filteredItems就可以被访问。
这是Andy Joslin解决方案的版本过滤器。
更新: 重大更改。从1.3.0-beta.19版本开始(此提交)，过滤器不再具有上下文，this将绑定到全局作用域。您可以将上下文作为参数传递，或在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);
};
});
那么在您的看法中
<!-- 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>
这将使您可以访问$scope.filteredItems。
$parse是Angular的表达式编译器。例如，它将获取字符串“some.object.property”，并返回一个函数，允许您在指定的上下文中设置或获取该路径上的值。我正在这里使用它来设置$scope上的过滤结果。希望这回答了您的问题。 - kevinjamesus86尝试像这样做，ng-repeat的问题在于它会创建子作用域，因此您无法从控制器中访问
filteritems
。
<li ng-repeat="doc in $parent.filteritems = (docs | filter:searchitems)" ></li>
更新：
即使在1.3.0版本之后，如果你想将其放置在控制器或父级的范围内，你不能使用as语法进行操作。 例如，如果我有以下代码：
<div>{{labelResults}}</div>
<li ng-repeat="label in (labels | filter:query | as labelResults)">
</div>
上述方法无法生效。 解决办法是使用$parent，代码如下：
<li ng-repeat="label in ($parent.labelResults = (labels | filter:query))">
console.log labelResults，我总是会得到延迟一个筛选器后的数据。它不是刚更改的筛选器的结果，而是上一个更改的筛选器的结果。你没有遇到这个问题吗？ - Anna$scope.$watch(function () {
$scope.filteredItems = $scope.$eval("items | orderBy:'order_prop' | filter:query | limitTo:4");
});
这个函数将在每个digest周期中进行评估，因此性能应与Andy的解决方案相当。您还可以在函数中添加任意数量的赋值，以使它们都位于一个地方，而不是散布在视图中。
在视图中，您只需直接使用过滤列表：
<ul>
<li ng-repeat="item in filteredItems">{{item.name}}</li>
</ul>