Question

我正在使用angular-ui bootstrap carousel，并想用图像更改左右导航链接。似乎在tpl中，它们用<和>

进行了硬编码

有没有人建议在不更改实际的angular-ui引导文件的情况下将这些更改为图像？我想将它保存在库中，并且不希望在每个版本发布后更改它。

我唯一的解决方案就是在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

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

1 个答案: