使用cellTemplate的ng-grid搜索过滤器

Question

我在引用cellTemplate的列上使用ng-grid搜索过滤器时遇到问题。

我的数据对象有多个字段。其中一个字段是一个数组，我使用cellTemplate创建一个带有ng-repeat的div来显示这些值，并根据该数组的值应用某个css类。

以下是展示我问题的插件：plnkr.co/edit/jMvafIjqCsU0cnW6Ecvy?p=preview。

我的问题是当我使用cellTemplate网格属性时，过滤器无法正常工作。要模拟这种情况，您可以尝试通过person2@gmail.com搜索您会发现问题。在这个plunker中，我使用cellTemplate将'@ gmail.com'连接到person的电子邮件，因此如果你输入person2，则应用过滤器，但在输入@之后，你会看到过滤器不起作用。

有人能帮助我吗？谢谢！

Answer 1

ng-grid不会搜索渲染的cellTemplate输出，而是搜索基础数据。

因此，最好的方法是将数据转换为具有可搜索的值。

  angular.forEach($scope.myData, function(value) {
    value.email+='@gmail.com';
  });

找到一个Plunker here