网格过滤将结果传递给函数

时间:2015-05-29 20:16:01

标签: javascript angularjs

fiddle页面上,我有一个网格。

$scope.myItems我有我的数据。

我想观察数据。输入名称字段“Enos”后,我想只获取包含该字符串的记录(“Enos”)。

网格有效,但我想使用控制台日志打印数据,因为在过滤数据后我想将数据传递给另一个函数。

我尝试使用$scope.watch,但它无效。

      .module('myApp', ['trNgGrid'])
    .controller("MainCtrl", ["$scope", function ($scope) {
        $scope.myItems = [{name: "Moroni", age: 50},
                 {name: "Tiancum", age: 43},
                 {name: "Jacob", age: 27},
                 {name: "Nephi", age: 29},
                 {name: "Enos", age: 99}];

        $scope.$watch('myItems', function(newValue) {
       console.log(newValue);   });
        }]); 

当我输入sth到现场控制台时,日志不起作用。

1 个答案:

答案 0 :(得分:1)

可以从文档http://moonstorm.github.io/trNgGrid/release/#/GlobalOptions

中找到答案
<table tr-ng-grid items="myItems" filtered-items="myFilteredItems"></table>

$scope.myFilteredItems = [];
$scope.$watchCollection('myFilteredItems', function(items){
  console.log(angular.toJson(items));
});