carousel - 使用 angular-ui bootstrap carousel 更改分页器链接？

Question

我正在使用 angular-ui bootstrap carousel 并想更改带有图像的左右导航链接。似乎在 tpl 中，它们被硬编码为 ‹ 和 ›

有没有人对将这些更改为图像而不更改实际的 angular-ui bootstrap 文件有任何建议？我想将它保存在一个库中，并且不想在每个版本发布后更改它。

我唯一的解决方案是在 CSS 中使这些尖括号的控制变得非常小，因此它们无法被看到和放置图像。

.carousel-control {
  font-size: 1px
}

.carousel-control.left, carousel-control.right {
  background: url(/path/to/[image-here].png) no-repeat !important;
}

有更好的解决方案吗？

Answer 1

目标为http://angular-ui.github.io/bootstrap/项目是具有可自定义的模板，因此如果您不喜欢默认标记，您可以将其替换为您自己的。如果您想更改轮播的外观和感觉，我建议您覆盖默认模板 ( https://github.com/angular-ui/bootstrap/tree/master/template/carousel )。

您可以轻松地覆盖单个模板而不会弄乱，而无需接触项目的可交付成果，如下所述:https://stackoverflow.com/a/17677437/1418796