【问题标题】:@ks89/angular-modal-gallery remove image text from carousel description@ks89/angular-modal-gallery 从轮播描述中删除图像文本
【发布时间】:2020-07-14 23:27:45
【问题描述】:

我正在将此库用于角度图像库。 @ks89/angular-modal-gallery

我正在使用带有 modalGaleryEnable 的轮播模式,以便当用户单击图像时显示模式。

<ks-carousel [id]="111" [images]="imagesRect"
             [carouselImageConfig]="{description: {strategy: 2, imageText: ''}}"
             [carouselConfig]="{maxWidth: '766px', maxHeight: '400px', showArrows: true, objectFit: 'cover', keyboardEnable: true, modalGalleryEnable: true, legacyIE11Mode: false}"
             [previewConfig]="{visible: true, number: 5, width: 'auto', maxHeight: '100px'}">
</ks-carousel>

图像描述中显示文本“Image X/X - Description”。

我需要删除文本“图像”,我设法为轮播做了 使用 carouselImageConfig:

[carouselImageConfig]="{description: {strategy: 2, imageText: ''}}"

但是对于模态模式它不起作用。 有模态模式的配置:

<ks-modal-gallery [id]="0" [modalImages]="images"
    [currentImageConfig]="{description: {strategy: 2, imageText: ''}}"></ks-modal-gallery>

,但是我不知道如何使用它,因为我没有直接使用模态库。

提前致谢。

【问题讨论】:

    标签: javascript angular image-gallery


    【解决方案1】:

    我是图书馆的开发者。 是的,您是对的,carouselImageConfig 是专用于轮播而不是模态库的输入参数。 目前您无法通过轮播将所有输入传递给模态库。

    我在下一个主要版本 (angular-modal-gallery v8.0.0) 中以一种新的方式打开模态库,但仍处于测试阶段。

    【讨论】:

    • Stepano 感谢您的回答。我可以使用 NPM 安装该测试版吗?
    • 可以,但不要在生产中使用它。没有官方文档和单元测试,它仍然是非常实验性的。它仍在进行中,我发现我正在尝试修复 Angular 10 的一个大问题。运行 npm i -g @ks89/angular-modal-gallery@beta 进行安装。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多