Вопросы Теги

Не могли бы вы привести пример класса Action и связывания клавиш с пояснениями?

Просто хочу поделиться тем, что я использовал до сих пор, чтобы сэкономить ваше время.

Вот примеры жестко закодированных заголовков и динамических заголовков (в случае, если они не заботятся о структуре данных). В обоих случаях я написал несколько простых директив: customSort

customSort 

.directive("customSort", function() {
    return {
        restrict: 'A',
        transclude: true,    
        scope: {
          order: '=',
          sort: '='
        },
        template : 
          ' '+
          '    '+
          '    '+
          '',
        link: function(scope) {

        // change sorting order
        scope.sort_by = function(newSortingOrder) {       
            var sort = scope.sort;

            if (sort.sortingOrder == newSortingOrder){
                sort.reverse = !sort.reverse;
            }                    

            sort.sortingOrder = newSortingOrder;        
        };


        scope.selectedCls = function(column) {
            if(column == scope.sort.sortingOrder){
                return ('icon-chevron-' + ((scope.sort.reverse) ? 'down' : 'up'));
            }
            else{            
                return'icon-sort' 
            } 
        };      
      }// end link
    }
    });

[1-я опция со статическими заголовками]

Я использовал одиночный ng-repeat

Это хороший пример в Fiddle ( Обратите внимание: библиотека jQuery отсутствует )

enter image description here [/g8] 

           
                
                    {{item.id}}
                    {{item.name}}
                    {{item.description}}
                    {{item.field3}}
                    {{item.field4}}
                    {{item.field5}}

[вторая опция с динамическими заголовками]

Демонстрация 2: Fiddle

HTML 

pagedItems.length: {{pagedItems.length|json}}
currentPage: {{currentPage|json}}
currentPage: {{sort|json}}

            
                

                   {{ header.name }}

В качестве примечания стороны:

ng-bind-html-unsafe устарел, поэтому я использовал его только для демонстрации (2-й пример). Вы можете редактировать.

0
задан ilgaar 24 February 2015 в 22:45
поделиться