AngularJS - 使用应用过滤器编辑列值

Question

我是角度和网格的新手。我在我的项目中使用ng-grid作为网格控件。我正在尝试编辑一个单元格，其值使用角度过滤器进行格式化。例如：

{field:'rate | currency: "GBP "', displayName:'Rate'}

此处货币过滤器应用于“费率”列。当我点击“评价”栏进行编辑时，我得到一个空白文本框，就像在可编辑的单元格模板中一样。我期待看到文本框绑定到底层数据，但它没有发生。有什么想法吗？

此外，对于模糊或对单元格失去焦点，它应该从可编辑模板中取出，即使没有发生。我缺少什么？

以下是查看问题的插件：http://plnkr.co/edit/W5aViYikZzEGnDPgSI5z

Answer 1

只需使用cellFilter选项即可。 Plunker

  columnDefs: [
    {
      field: 'name', 
      displayName: 'Name', 
      cellTemplate: 'input-tpls.html'}, 
    {
      field:'rate ', 
      displayName:'Rate',
      cellFilter: 'currency'
    }
  ],


  app.filter('currency', function () {
       return function (input) {
         //Do your formatting here.
         return "GBP " + input;
       };
   });