Question

我正在制作一个带角度光滑的旋转木马（https://github.com/vasyabigi/angular-slick）。

当用作光滑指令的属性时，轮播的某些光滑设置似乎不起作用。这些属性都有一个或多个大写字母。

我必须将这些属性更改为slick.js中的小写字母和slick.js的角度模型。例如，要获得下一个和上一个的自定义按钮，我必须将prevArrow和NextArrow更改为prevarrow和nextarrow，以便我可以通过以下方式使用它：

<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>

更改库中的代码似乎不是使其正常工作的正确方法。我做了一些明显的错误，或者这只是对光滑元素的限制吗？

Answer 1

如果您看到capital案例nextArrow的指令，则必须将其用作

next-arrow

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

最好的例子是：

ng-app

在您的HTML中，您可能已将其用作ng-app，但如果您在角度代码中进行检查，则会ngApp

具有大写情况的角度光滑属性

1 个答案: