Angular js:从控制器访问以ng-repeat(ngRepeat)过滤的数据

南恩

我需要从我的控制器访问已在模板(在ng-repeat内)中过滤的数据。

这就是我的意思:

我的模板中有此表:

 <table class="table">
        <thead>
            <th>Name</th>
            <th>Gender</th>
        </thead>
        <tbody>
            <tr ng-repeat="person in persons | filter:query">
                <td>{{person.name}}</td>
                <td>{{person.gender}}</td>
            </tr>
        </tbody>
</table>

然后我有一个<select>用于按性别过滤数据的

<h1>Cluster:</h1>
    <select ng-model="query.gender" >
        <option value ="">ALL</option>
        <option value ="male">Male</option>
        <option value ="female">Female</option>
    </select>

这样可以。

如果有人选择其中一个选项,我需要对过滤后的结果进行处理。这就是为什么我的控制器中有一个$ watch来查找过滤器查询的更改:

$scope.$watch('query.gender', function(newValue, oldValue) {
            // Here is where I need to get filtered results
});

我的问题是:

如何从控制器访问FILTERED内容?

我最好这样,而不必在控制器中执行其他“过滤”操作...(由于数据已经被过滤,结果位于内存中的某个地方,对吗?)

mylescc

我不确定,但是您可以在控制器中使用过滤器功能。因此,尝试类似:

$scope.$watch('query.gender', function(newValue, oldValue) {
        var x = $filter('filter')($scope.persons, $scope.query);
});

x应该包含与我认为的表中相同的过滤数据。在这里查看文档:http : //docs.angularjs.org/api/ng.filter : filter了解更多信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular js:从控制器访问以ng-repeat(ngRepeat)过滤的数据

来自分类Dev

Angular JS从控制器中的工厂访问$ http数据

来自分类Dev

如何在Angular JS的子控制器中访问父控制器数据

来自分类Dev

从 Angular 中的应用程序控制器访问视图控制器数据

来自分类Dev

控制器(ANGULAR JS)无法读取工厂嵌套的数据

来自分类Dev

在控制器中访问ng-repeat变量

来自分类Dev

从原生javascript访问angular js控制器变量

来自分类Dev

如何从promise方法内部访问angular js控制器的“ this”?

来自分类Dev

来自控制器外部的Angular JS访问范围

来自分类Dev

如何在Angular.js中访问控制器

来自分类Dev

Angular.js:如何从模态控制器和指令控制器访问主控制器

来自分类Dev

在控制器中滚动后获取ng-repeat的索引-angular,Ionic

来自分类Dev

Angular ng-repeat在子控制器中不起作用

来自分类Dev

Angular控制器未绑定服务对象属性ng-repeat

来自分类Dev

无法在 Angular 的 ng-bind 中将数据传递到控制器中

来自分类Dev

Angular1 兄弟控制器如何访问彼此的数据

来自分类Dev

Angular.js对已过滤的数据进行分页并显示总项目,而无需在视图/控制器中重复代码

来自分类Dev

Angular.js对已过滤的数据进行分页并显示总项目,而无需在视图/控制器中重复代码

来自分类Dev

ng-app,ng-repeat,ng控制器等...从HTML DOM角度来看它们是什么?JS如何访问它们?

来自分类Dev

在angular.js控制器中过滤和计数数组

来自分类Dev

带有ng-form的有角ng-repeat,在控制器中访问验证

来自分类Dev

如何以“正确”的方式内联初始化angular.js控制器数据

来自分类Dev

在Ionic Framework / Angular JS中的控制器之间共享数据

来自分类Dev

如何在Angular JS中将数据从工厂传递到控制器?

来自分类Dev

绑定从控制器发送的数据以查看angular.js失败

来自分类Dev

Angular.js:将$ resource数据存储在服务中以在控制器之间共享

来自分类Dev

Angular JS-将数据从指令发送到父控制器

来自分类Dev

Angular JS-将Firebase数据从服务传递到控制器

来自分类Dev

无法绑定从控制器发送的数据以查看angular.js

Related 相关文章

  1. 1

    Angular js:从控制器访问以ng-repeat(ngRepeat)过滤的数据

  2. 2

    Angular JS从控制器中的工厂访问$ http数据

  3. 3

    如何在Angular JS的子控制器中访问父控制器数据

  4. 4

    从 Angular 中的应用程序控制器访问视图控制器数据

  5. 5

    控制器(ANGULAR JS)无法读取工厂嵌套的数据

  6. 6

    在控制器中访问ng-repeat变量

  7. 7

    从原生javascript访问angular js控制器变量

  8. 8

    如何从promise方法内部访问angular js控制器的“ this”?

  9. 9

    来自控制器外部的Angular JS访问范围

  10. 10

    如何在Angular.js中访问控制器

  11. 11

    Angular.js:如何从模态控制器和指令控制器访问主控制器

  12. 12

    在控制器中滚动后获取ng-repeat的索引-angular,Ionic

  13. 13

    Angular ng-repeat在子控制器中不起作用

  14. 14

    Angular控制器未绑定服务对象属性ng-repeat

  15. 15

    无法在 Angular 的 ng-bind 中将数据传递到控制器中

  16. 16

    Angular1 兄弟控制器如何访问彼此的数据

  17. 17

    Angular.js对已过滤的数据进行分页并显示总项目,而无需在视图/控制器中重复代码

  18. 18

    Angular.js对已过滤的数据进行分页并显示总项目,而无需在视图/控制器中重复代码

  19. 19

    ng-app,ng-repeat,ng控制器等...从HTML DOM角度来看它们是什么?JS如何访问它们?

  20. 20

    在angular.js控制器中过滤和计数数组

  21. 21

    带有ng-form的有角ng-repeat,在控制器中访问验证

  22. 22

    如何以“正确”的方式内联初始化angular.js控制器数据

  23. 23

    在Ionic Framework / Angular JS中的控制器之间共享数据

  24. 24

    如何在Angular JS中将数据从工厂传递到控制器?

  25. 25

    绑定从控制器发送的数据以查看angular.js失败

  26. 26

    Angular.js:将$ resource数据存储在服务中以在控制器之间共享

  27. 27

    Angular JS-将数据从指令发送到父控制器

  28. 28

    Angular JS-将Firebase数据从服务传递到控制器

  29. 29

    无法绑定从控制器发送的数据以查看angular.js

热门标签

归档