AngularUI control для фотоальбома

Question

Есть ли существующий элемент управления, например, ng-grid (со всеми его функциями), который может использоваться для отображения фотоальбома? Или можно настроить ng-grid, чтобы он выглядел как фотоальбом?

Answer 1

Имейте в виду, что я - угловатый нуб, поэтому возьмите все с солью.

Вы можете проверить шаблоны строк на этой странице: http://angular-ui.github.io/ng-grid/

Думаю, что это может делать то, что вы хотите. Другим вариантом может быть что-то вроде этой угловой карусели: http://blog.revolunet.com/angular-carousel/

Я пользуюсь RoyalSliderJS от CodeCanyon (небольшая лицензионная плата за использование). Он обрабатывает изображения, видео с vimeo/youtube, html-контент, полноэкранный режим, удобный для контакта и довольно легко настраивается с помощью CSS. Это 14 долларов за использование, но ИМХО полностью стоит. Вот мои AngularJS «обертка» для королевского слайдера:

angular.module("royalSlider", []).directive("royalSlider", function() { 
    return { 
    restrict: 'C', 
    link: function(scope, element, attributes){ 
     var rsOptions = { 
        // options go here 
        // as an example, enable keyboard arrows nav 
        keyboardNavEnabled: true, 
        autoScaleSlider:true, 
        fullscreen: { 
        // fullscreen options go here 
        enabled: false, 
        native: true 
        } 
       }; 
     return $(".royalSlider").royalSlider(rsOptions); 
    } 
    } 
}); 

Вы просто использовать это, то дать какой-либо Div класс royalSlider и он будет обработан королевском слайдера сценарий, когда это показано на рисунке.

Вы можете увидеть его в действии здесь (примечание сайт активной работы продолжается, нефтеперерабатывающие Угловые навыки, как я иду): http://intellect-tech.com/#/portfolio