Question

我试图实现一个文本滑块（轮播），它将滑过文本值数组。我在bootstrap ui中看到了一些用于角度的实现，但它们需要一个图像才能工作。我找到了这个，这是完美的（http://www.nganimate.org/angularjs/ng-switch/slider-css3-transition-animation），然而，没有源代码或如何实现这个滑块。还有其他可用的吗？或者是否有这个源代码？

谢谢！

Answer 1

看一下这个：

Build a Sweet Photo Slider with AngularJS Animate

提供了创建组件的逐步步骤。

Answer 2

对于仅在旋转木马中的文字，您可以使用Bootstrap轮播。您可以在angularjs应用程序中使用它。以下是Demo

<div id="carousel-example" class="carousel slide" data-ride="carousel">
    <div class="row">
        <div class="col-xs-offset-3 col-xs-6">
            <div class="carousel-inner">
                <div class="item active">
                    <div class="carousel-content">text 2</div>
                </div>
                <div class="item">
                    <div class="carousel-content">text 2</div>
                </div>
            </div>
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

AngularJS（文本）滑块？

2 个答案: