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

Question

在页面上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);   });
        }]); 

当我在字段控制台日志中输入内容时，该日志不起作用。

Answer 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));
});