带有大写字母的棱角分明的光滑属性

angular-slick attributes with capital case

本文关键字:属性 大写字母      更新时间:2023-09-26

我正在制作一个有角度光滑的转盘(https://github.com/vasyabigi/angular-slick)。

转盘的一些光滑设置在用作光滑指令的属性时似乎不起作用。这些属性都有一个或多个大写字母。

我不得不在slick.js中和在slick.js的角度模型中将这些属性更改为小写字母。例如,为了获得下一个和上一个的自定义按钮,我必须将prevArrow和NextArrow更改为prevArrow和nexttarrow,这样我就可以按以下方式使用它:

<slick  prevarrow='.btn-prev' nextarrow='.btn-next' arrows="true" data="windows">
    <div ng-repeat="window in windows" class="slick-slide">
        <a><img ng-src={{window.imageUrls[0]}}></a>
    </div>
</slick>    
<div class="slider-controls">
     <button class="btn-next">customNext</button>
     <button class="btn-prev">customPrev</button>
</div>

更改库中的代码似乎不是使其正常工作的正确方法。我是否犯了一些明显的错误,或者这只是对通过光滑元素可以使用的光滑设置的限制?

当您看到类似nextArrowcapital大小写指令时,必须将它们用作

next-arrow

无需更改库代码。Angular遵循和CSS相同的约定。当有一个大写的指令prevArrow时,在HTML中,如果要引用它,请使用prev-arrow

最好的例子是:

ng-app

在HTML中,您可能将其用作ng-app,但如果您在角度代码中检查它,它将是ngApp