您可以使用angular-ui-carousel库的carousel-indicators属性来实现只显示下一个和上一个按钮而隐藏滑块或图片。以下是一个示例代码:
HTML代码:
Slide {{$index + 1}}
{{slide.text}}
JavaScript代码:
angular.module('myApp', ['ui.bootstrap'])
.controller('CarouselCtrl', function ($scope) {
$scope.myInterval = 3000;
$scope.noWrapSlides = false;
$scope.slides = [
{
image: 'path_to_image1.jpg',
text: 'Slide 1'
},
{
image: 'path_to_image2.jpg',
text: 'Slide 2'
},
{
image: 'path_to_image3.jpg',
text: 'Slide 3'
}
];
});
在这个示例中,设置了show-indicators属性为false,这样就隐藏了滑块或图片。只有下一个和上一个按钮会显示出来。您可以根据您的实际需求更改图片路径和文本内容。
希望对您有帮助!