Ng-table: مشكلة الفرز بعد بناء الناخر

تم إنشاؤها على ٣ مارس ٢٠١٤  ·  29تعليقات  ·  مصدر: esvit/ng-table

لن يعمل الفرز بعد "بناء النخر" ، أفترض أن js-minify هو الذي يكسرها بطريقة ما. لا شيء يحدث عندما أنقر فوق رأس. من الغريب أن كل شيء يعمل. أي شخص لديه مشاكل مماثلة؟

ها هي وحدة التحكم في التوجيه الخاصة بي

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()));
                }
            });
        });
}]

التعليق الأكثر فائدة

في حالتي لم يكن هدف jsminify. ولكن كان هدف 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 %>'
        }]
      }
    }

ال 29 كومينتر

أواجه نفس المشكلة.

في حالتي لم يكن هدف jsminify. ولكن كان هدف 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 %>'
        }]
      }
    }

عظيم ، هذا حل مشكلتي أيضًا. شكرا!

لقد واجهت هذه المشكلة بالذات اليوم. ثبت أن هذا مفيد.

على الرغم من أنني لست مقتنعًا بما إذا كان هذا الحل كافياً لاعتبار المشكلة مغلقة. كل شيء آخر يعمل بشكل جيد دون تعديل Gruntfile.js. لماذا لا ng-table خارجة عن علمي.

الإصلاح يعمل معي أيضًا. لكن هذا يجب إعادة فتحه حقًا. يجب أن يكون هناك ذكر في الملف التمهيدي حول

الإصلاح يعمل معي أيضًا

هذا لا يعمل بالنسبة لي. أستخدم bower وحاولت مع الإصدار المنشور أعلاه ومع هذا التغيير:
src: ['_.html'، 'views / {، _ /} _. html'، 'bower_components / {، __ /} _. html']،

هذه قائمة بملفات html التي أمتلكها.

$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

كيف يفترض أن يعمل هذا الإصلاح؟ ما هو السبب الجذري؟ لدي إصدار AngularJS 1.2.15

شكرا لك!.

هممم ... يبدو أنه تم استخدام $templateCache موقفي وهذا هو سبب تجاهل النمط "* .html" أعلاه

    $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>'),

لقد حللت مشكلتي. لقد استبدلت 'Sortable = "' name '" "بـ" data-sortable = "' name '" "وهو يعمل. تحقق من هذا:
http://bit.ly/1BgfqTu

لقد نجح نهج

مرة أخرى esvit هذا يجب أن يكون حقًا في الملف التمهيدي. هذه ميزة مهمة تخرج عن خطوة بناء الإنتاج القياسية والشائعة جدًا

لقد نجح نهج

أنت بطلي ، لو لم أجد هذا الحل ، فأنا متأكد من أنني كنت سأقضي بقية أمسي في هذا الحل.

اشكرك!!! كان هذا يقودني للجنون

تغيير collapseBooleanAttributes في Gruntfile إلى false لا يزال يعمل على إصلاح هذه المشكلة - شكرًا للعثور على ذلك.

+1 إلى حلfaisalferoz .

كان هذا الموضوع اليوم.

لا تغيير في ملف grunt collapseBooleanAttributes: true

هذا فرزها: sortable => data-sortable

لقد قمت بحل هذه المشكلة عن طريق تغيير collapseBooleanAttributes: إلى false في Gruntfile's htmlmin.dist.options

كان علي فعل شيئين ... تغيير collapseBooleanAttributes: إلى false وأيضًا تغيير الكود من <td data-title="'App score'" sortable="'gender'" >{{content.gender}}</td> إلى <td sortable="'gender'" data-title="'App score'" >{{content.gender}}</td> باستخدام فرز البيانات وحده لم يصلح لي ...

@ Jony-Y هذا غريب. لذلك كان عليك تبديل ترتيب كيفية تحديد سمات ngTable في العناصر <td> ؟

عظيم ، هذا حل مشكلتي أيضًا. شكرا!

أقوم بتغيير collapseBooleanAttributes: true إلى false ، يمكن أن يعمل الفرز ، شكرًا لك

كلا الحلين يعمل بالنسبة لي.
ومع ذلك ، كنت أواجه مشكلة في CSS أيضًا (انظر السهمين لأعلى على الأعمدة غير المصنفة):
ng-table-css-min

أدى تعيين الخيار التالي إلى إصلاح المشكلة:

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


andreicristianpetcu +1 لقد

أنا سعيد لأنه نجح: د

تغيير collapseBooleanAttributes حل مشكلتي شكرا لك

استخدام البيانات لفرز عملت بالنسبة لي.

التغيير إلى ملف grunt collapseBooleanAttributes: true جعله يعمل مرة أخرى في ثانية.

هذا لم يساعدني على الإطلاق: Sortable => data-sortable

شكرا على النصائح يا رفاق ...

htmlmin

حل بالنسبة لي.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات