Ionic + Angular. js method example for Implementing Image carousel,
This article mainly introduces you to the information about Ionic + Angular image carousel, and shares the information for your reference. If you need it, let's take a look at it.
Let's take a look at the implementation:
Example:
New slider.html
<Ion-view-title = "image Carousel"> <ion-content class = "padding" scroll = "false"> <ion-slides class = "slider-box" options = "options" slider = "data. slider "> <ion-slide-page> <div class =" box blue ">
Style.css
.slider-box { height: 300px;}.slider-box .box { width: 100%; height: 100%;}.yellow { background: #FFF68F;}.blue { background: #1E90FF;}.pink { background: #FF6A6A;}
App. js:
.state('slider', { url: '/slider', views: { '': { templateUrl: 'templates/slider.html', controller: 'SliderCtrl' } }})
Controller. js:
.controller('SliderCtrl', function($scope) { $scope.settings = { enableFriends: true };})
Summary
The above is all the content of this article. I hope the content of this article will help you in your study or work. If you have any questions, please leave a message, thank you for your support.