ng-table＆yeoman - 排序在开发过程中正常工作，但生产中断

Question

这可能是愚蠢的，但我无法弄清楚。

我使用：

• angularJS（1.4.7）
• 自耕农generator-angular（0.12.1）（无萨斯）
• ng-table（0.8.3）

当我在开发过程中运行'grunt serve'时，桌子完美地工作。但是当我运行'grunt'并使用dist文件夹时，这些列不再可排序。看起来类'可排序'不适用于生产版本中的标题单元格，而它正在开发中。

任何帮助将不胜感激。

控制器：

angular.module('couponWebApp').controller('MainCtrl', ['NgTableParams', 'couponService', 

    function(NgTableParams, couponService) { 

     var PAGE_SIZE = 10; 
     var lastPage = 2; 
     var lastPageDiscovered = false; 
     var self = this; 

     self.tableParams = new NgTableParams({}, { 
      counts: [], // we don't want to display other page count options 
      getData: function(params) { 
       var currentdata = params.data; 
       return couponService.getAllBatches(PAGE_SIZE, params.page()).then(function(payload) { 
        if (payload.length < 1) { // no data for this page 
         lastPageDiscovered = true; 
         lastPage = params.page() - 1; 
         params.total(params.page() - 1); 
         return currentdata; 
        } else if (payload.length < PAGE_SIZE) { // payload is smaller than page size 
         lastPage = params.page(); 
         lastPageDiscovered = true; 
         params.total(lastPage); 
         return payload; 
        } else { // payload is equal to the page size 
         lastPage = (lastPageDiscovered ? lastPage : params.page() + 1); 
         params.total(lastPage); 
         return payload; 
        } 
       }, function() { 
        // error 
       }); 
      } 
     }); 
    } 
]); 

查看：

<table ng-table="main.tableParams" class="table table-striped" show-filter="false"> 
    <tbody> 
    <tr ng-repeat="item in $data"> 
     <td data-title="'Name'" sortable="'name'"> 
     {{item.name}} 
     </td> 
     <td data-title="'Created'" sortable="'createDate'"> 
     {{item.createDate | date: 'dd MMMM YYYY'}} 
     </td> 
     <td title="'Expiry Date'"sortable="'expiryDate'"> 
     {{item.expiryDate | date: 'short'}} 
     </td> 
     <td title="'Created'" filter="{ vouchersCreated: 'number'}"> 
     {{item.vouchersCreated}} 
     </td> 
    </tr> 
    </tbody> 
    </table> 
</div> 

Answer 1

这可能是有益的。可能有很多原因会导致失败。因为我不是确切的原因。我正在解决最常见的问题。
在Gruntfile的“htmlmin”任务中将collapseBooleanAttributes更改为false。配置看起来与此类似。

htmlmin: { 
     dist: { 
     options: { 
      collapseWhitespace: true, 
      collapseBooleanAttributes: false, 
      removeCommentsFromCDATA: true, 
      removeOptionalTags: true 
     }, 
     files: [{ 
      expand: true, 
      cwd: '<%= yeoman.dist %>', 
      src: ['*.html', 'views/{,*/}*.html', 'app_components/{,**/}*.html'], 
      dest: '<%= yeoman.dist %>' 
     }] 
     } 
    }