angularjs - 相册的AngularUI控件

Question

是否有ng-grid可用于显示相册的现有控件（及其所有功能）？或者是否可以调整ng-grid使其看起来像相册？

Answer 1

请记住，我是一个 Angular 菜鸟，所以对这一切持保留态度。

您可以在此页面上查看行模板：http: //angular-ui.github.io/ng-grid/

认为它可能会做你想做的事。另一种选择可能是这样的角度轮播： http ://blog.revolunet.com/angular-carousel/

我一直在使用 CodeCanyon 的 RoyalSliderJS（小额使用许可费）。它处理图像、来自 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 类，它会在显示时由皇家滑块脚本处理。

你可以在这里看到它的实际效果（注意网站是一个正在进行中的积极工作，我正在改进 Angular 技能）：http: //intellect-tech.com/#/portfolio