Angularjs 相册的AngularUI控件

Angularjs 相册的AngularUI控件,angularjs,angular-ui,Angularjs,Angular Ui,是否有像ng grid(及其所有功能)这样的现有控件可用于显示相册?或者有没有可能调整网格,使其看起来像一本相册?请记住,我是一个有棱角的傻瓜,所以对此持保留态度 您可以在此页面上签出行模板: 我想它可以做你想做的。另一个选项可能类似于此角度旋转木马: 我一直在使用CodeCanyon提供的RoyalSliderJS(使用许可费很小)。它可以处理来自vimeo/youtube的图像、视频、html内容、全屏、触摸友好,并且很容易使用CSS进行自定义。每次14美元,但我完全值得。这是我为皇家滑

是否有像
ng grid
(及其所有功能)这样的现有控件可用于显示相册?或者有没有可能调整网格,使其看起来像一本相册?

请记住,我是一个有棱角的傻瓜,所以对此持保留态度

您可以在此页面上签出行模板:

我想它可以做你想做的。另一个选项可能类似于此角度旋转木马:

我一直在使用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类,当它显示时,它将由royal slider脚本处理

你们可以在这里看到它的作用(注意,该网站是一个正在进行的积极工作,在我前进的过程中不断完善角度技能):

shaunshusain,谢谢您的指导。但我有一个小问题:当我使用ng repeat(例如,
)时,滑块不起作用(容器是空的)嗨,Eugene Rodionov,对不起,但我实际上已经完全忘记了做这个。回顾这件事,这是一个很好的组成部分,虽然我可能会在接下来的几周回到这件事上,但现在有很多事情要做。