Angular Material的可自定义的图库灯箱组件

Angular Material的可自定义的图库灯箱组件
插件名称 angular-material-lightbox
发布时间 2020年9月4日
插件作者 Alirezamirian

可定制的Angular画廊灯箱组件,由Angular Material提供支持。

安装:

# NPM
$ npm install ame-lightbox

# Bower
$ bower install ame-lightbox

用法

添加依赖项:

angular.module("yourApp", ['ame.lightbox'])

服务

使用ameLightbox服务:

angular.module("yourApp")
  .controller("SomeController", function(ameLightbox){
    var imageList = ['https://placehold.it/350x150', 'https://placehold.it/250x100'];
    var options = {};
    ameLightbox.show(imageList, options);
  });

选项(默认值)

{
  initialIndex: 0, // 要显示
  targetEvent: undefined, // 要传递给 $mdDialog
  buttonClass: "", // 要添加到导航按钮的类的列表
  keyboard: true, // 键盘导航
  showDots: true, // 是否显示点或不
  backdropOpacity: null, // 默认为 $mdDialog
}