Ng-table: Sortir masalah setelah grunt build

Dibuat pada 3 Mar 2014  ·  29Komentar  ·  Sumber: esvit/ng-table

Penyortiran tidak akan berfungsi setelah 'grunt build', saya menganggap itu adalah js-minify yang entah bagaimana merusaknya. Tidak ada yang terjadi ketika saya mengklik header. Aneh meskipun bahwa segala sesuatu yang lain bekerja. Adakah yang memiliki masalah serupa?

Inilah pengontrol arahan saya

controller: ['$scope', '$filter', 'ScoresAPI', 'ngTableParams', function($scope, $filter, ScoresAPI, ngTableParams)
{
    ScoresAPI.getLeagueStandings($scope.leagueId)
        .success(function(data)
        {
            $scope.tableParams = new ngTableParams({
                page: 1,
                count: data.length,
                sorting: false
            }, {
                total: data.length,
                counts: [],
                getData: function($defer, params)
                {
                    var orderedData = params.sorting() ? $filter('orderBy')(data, params.orderBy()) : data;
                    $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
                }
            });
        });
}]

Komentar yang paling membantu

Dalam kasus saya itu bukan target jsminify. Tapi itu target htmlmin. Saya mengubah collapseBooleanAttributes menjadi false dan itu memecahkan masalah bagi saya. Berikut adalah seluruh konfigurasi target:

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

Semua 29 komentar

Saya menghadapi masalah yang sama.

Dalam kasus saya itu bukan target jsminify. Tapi itu target htmlmin. Saya mengubah collapseBooleanAttributes menjadi false dan itu memecahkan masalah bagi saya. Berikut adalah seluruh konfigurasi target:

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

Hebat, itu memecahkan masalah saya juga. Terima kasih!

Saya menghadapi masalah ini hari ini. Ini terbukti bermanfaat.

Meskipun, saya tidak yakin apakah solusi ini cukup untuk mempertimbangkan masalah selesai. Segala sesuatu yang lain bekerja dengan baik tanpa mengedit Gruntfile.js. Mengapa ng-table tidak berada di luar pengetahuan saya.

perbaikan bekerja untuk saya juga. Tapi ini harus benar-benar dibuka kembali. Harus ada penyebutan di readme tentang

perbaikannya berhasil untuk saya juga

Ini tidak bekerja untuk saya. Saya menggunakan bower dan saya mencoba keduanya dengan versi yang diposting di atas dan dengan perubahan ini:
src: ['_.html', 'views/{,_/}_.html', 'bower_components/{,__/}_.html'],

Ini adalah daftar file html yang saya miliki.

$ls -la bower_components/**/*.html
-rw-rw-r-- 1 andrei andrei 1585 iun  7  2013 bower_components/es5-shim/tests/index.html
-rw-rw-r-- 1 andrei andrei 1546 iun  7  2013 bower_components/es5-shim/tests/index.min.html

Bagaimana perbaikan ini seharusnya bekerja? Apa akar penyebabnya? Saya memiliki AngularJS versi 1.2.15

Terima kasih!.

Hmmm... tampaknya $templateCache digunakan dalam situasi saya dan inilah mengapa mengabaikan pola "*.html" di atas

    $templateCache.put('ng-table/header.html', '<tr> <th ng-repeat="column in $columns" ng-class="{ \'sortable\': parse(column.sortable), \'sort-asc\': params.sorting()[parse(column.sortable)]==\'asc\', \'sort-desc\': params.sorting()[parse(column.sortable)]==\'desc\' }" ng-click="sortBy(column, $event)" ng-show="column.show(this)" ng-init="template=column.headerTemplateURL(this)" class="header {{column.class}}"> <div ng-if="!template" ng-show="!template" ng-bind="parse(column.title)"></div> <div ng-if="template" ng-show="template"><div ng-include="template"></div></div> </th> </tr> <tr ng-show="show_filter" class="ng-table-filters"> <th ng-repeat="column in $columns" ng-show="column.show(this)" class="filter"> <div ng-repeat="(name, filter) in column.filter"> <div ng-if="column.filterTemplateURL" ng-show="column.filterTemplateURL"> <div ng-include="column.filterTemplateURL"></div> </div> <div ng-if="!column.filterTemplateURL" ng-show="!column.filterTemplateURL"> <div ng-include="\'ng-table/filters/\' + filter + \'.html\'"></div> </div> </div> </th> </tr>'),

Saya memecahkan masalah saya. Saya mengganti 'sortable="'name'"" dengan 'data-sortable="'name'"" dan berhasil. Lihat ini:
http://bit.ly/1BgfqTu

Pendekatan @faisalferoz juga berhasil untuk kami. Untuk target htmlmin, ubah collapseBooleanAttributes menjadi false.

lagi @esvit ini harus benar-benar di readme. ini adalah fitur penting yang keluar dari langkah pembuatan produksi standar dan cukup umum

Pendekatan @andreicristianpetcu juga berhasil untuk kami (tim beralih ke itu sehingga kami masih dapat menuai manfaat dari pengoptimalan gulp-htmlmin di tempat lain).

Anda adalah pahlawan saya, seandainya saya tidak menemukan solusi ini, saya yakin saya akan menghabiskan sisa malam saya untuk yang satu ini.

TERIMA KASIH!!! Ini membuatku gila

mengubah collapseBooleanAttributes di Gruntfile menjadi false masih memperbaiki masalah ini - terima kasih telah menemukannya.

+1 untuk solusi @faisalferoz .

Punya masalah ini hari ini.

Tidak ada perubahan pada file grunt collapseBooleanAttributes: true

Ini mengurutkannya: sortable => data-sortable

Saya menyelesaikan masalah ini dengan mengubah collapseBooleanAttributes: menjadi false di htmlmin.dist.options Gruntfile

Saya sebenarnya harus melakukan dua hal... mengubah collapseBooleanAttributes: menjadi false dan juga mengubah kode dari <td data-title="'App score'" sortable="'gender'" >{{content.gender}}</td> menjadi <td sortable="'gender'" data-title="'App score'" >{{content.gender}}</td> bekerja dengan penyortiran data saja tidak memperbaiki untuk saya ...

@ Jony-Y itu aneh. Jadi Anda harus mengubah urutan bagaimana Anda menentukan atribut ngTable di elemen <td> ?

Hebat, itu memecahkan masalah saya juga. Terima kasih!

Saya mengubah collapseBooleanAttributes: true menjadi false , penyortiran dapat berfungsi, Terima kasih

Kedua solusi bekerja untuk saya.
Namun saya juga mengalami masalah CSS (lihat 2 panah ke atas pada kolom yang tidak diurutkan):
ng-table-css-min

Menyetel opsi berikut memperbaiki masalah:

        cssmin: {
            options: {
                advanced: false
            }
        },


@andreicristianpetcu +1 Ini juga berhasil untuk saya!

Saya senang itu berhasil :D

mengubah collapseBooleanAttributes memecahkan masalah saya, thx

Menggunakan data-sortable berhasil untuk saya.

Ubah ke file grunt collapseBooleanAttributes: true membuatnya berfungsi kembali dalam sedetik.

Ini sama sekali tidak membantu saya: sortable => data-sortable

thx gan tipsnya...

htmlmin

Dipecahkan untuk saya.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

andreicristianpetcu picture andreicristianpetcu  ·  6Komentar

zeeshanhanif picture zeeshanhanif  ·  5Komentar

jlebleu picture jlebleu  ·  3Komentar

Nagendra1402 picture Nagendra1402  ·  3Komentar

raul1991 picture raul1991  ·  6Komentar