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 %>' 
     }] 
     } 
    }