Question

是否有人与Angular-Slick合作过？我试图使用这个指令，所以我可以得到一个显示多个图像/卡片的旋转木马。一切正常但我无法自定义图像的CSS宽度。我将variableWidth设置为true，但没有。我还删除了slides-to-show选项，因此variableWidth可以工作，但没有结果 - 我仍然通过Slick得到默认宽度。以下是代码：

<slick infinite="true" slides-to-show="4" slides-to-scroll="4"
       init-onload="true" data="popularCourses" variableWidth="true" arrows="true">
  <div class="homepage-course-box" ui-sref="courses.show({id: popCourse.id})" ng-repeat="popCourse in popularCourses">
    <div class="row" style="margin:0;">
      <div class="course-img"
           ui-sref="courses.show({id: popCourse.id})"
           ng-style="{'background-image':'url({{popCourse.banner_url}})'}"></div>
      <div class="author-avatar" ng-style="{'background-image':'url({{popCourse.author.avatar}})'}"></div>
    </div>
    <div class="row" style="margin:0;">
      <a ui-sref="courses.show({id: popCourse.id})" class="homepage-course-title">{{popCourse.title}}</a>
    </div>
    <div class="row homepage-course-last-row">
      <p class="author-name">{{popCourse.author.full_name}}</p>
      <p class="course-duration">{{popCourse.duration | secondsToHHMM | date: "H'H' mm'M'"}}</p>
    </div>
  </div>
  </div>
</slick>

从代码中，我使用ng-repeat所以它显示了所有图像，我怀疑是在干扰宽度，我可能错了。

到目前为止，我喜欢这个angular指令，但如果我可以设置自己的自定义CSS宽度，它会很棒。请任何人帮忙！我们将非常感谢您的帮助！

Answer 1

Html不区分大小写，因此angular需要在指令的属性名称中使用破折号。因此，而不是variableWidth放variable-width。

不能使用Angular-Slick的自定义宽度

1 个答案: