Git Product home page Git Product logo

ionic-advanced-carousel's People

Contributors

sebelga avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ionic-advanced-carousel's Issues

how can i pre select any other item

Hello Sir

I need one help .

I want to use that as menu like

$rootScope.vm.carouselData1 = [{id:'profile',display:'Profile'},{id:'calendar',display:'Calendar'},{id:'rewards',display:'Rewards'},{id:'history',display:'History'},{id:'vehicles',display:'Vehicles'},{id:'coupons',display:'Coupons'},{id:'tracking',display:'Tracking ID'}];

when click on

like

Calendar menu then it state go to calendar page and now after that i have to selected Calendar menu
because i have included that menu file so menu related file always one .

just like

http://prntscr.com/enww4b

So my case is when page load i want to selected any menu based on id
is it possible sir?

template data update

Hi,

I've added a few variables into the template because I want to update more than name i.e.

<div  class="carousel-item" ng-click="vm.onSelect({item:vm.ngModel})">
    <div class="circle">
        <span ng-bind="::vm.ngModel.title"></span><br>
    </div>
  <div class="scenes" ng-show="::vm.ngModel.scenes.length > 0">
    <i class="icon ion-aperture"></i><span ng-bind="::vm.ngModel.scenes.length"></span>
  </div>
</div>

And I update as such

      $scope.carouselData.length = 1;
      Entities.locations.forEach(function(location){$scope.carouselData.push(location)});
      $scope.$broadcast('a-carousel.arrayupdated', 'carousel-1');

However when the carousel gets updated the new ngModel.scenes.length or ::vm.ngModel.title are not being updated, the old ones remain (I can trace that the $scope.carouselData is getting the new data)

However if I add a whole new item it's fine.

Any way to update the values in the template?

Items on new line

Hi - great little carousel!

I've got it working but a items are getting pushed onto a new line in my app, if I add 20 from the createArray function it's around 18-20 that go on a new line, if I use my own data and add the items after they've loaded it's around half that go onto a new line.

I'm using this within a tab so I'm not sure if that has any bearing?

Slider Not Working In Footer

Thanks a lot for this nice, effective and customization slider plugin

HI, there have one problem when i put slider in ion-content its working fabulously, but when i move slider to

{{ slider template }}

that time slider not working inline transform property set to zero dynamically .

Please Solve My Problem

Thanks In Advance

Carousel inside repeater

I have a collection of shows. Each show have a collection of episodes.

<div ng-repeat="show in shows">
<a-carousel carousel-options="" array-provider="show.Episodes"  on-select="goEpisodeCarousel( item )"></a-carousel>
</div>

I need to put a ID into each carrousel, but i can make a lot of option object.
The perfect case for me:

<a-carousel carousel-ID="show.ID" carousel-options="episodeDefaultOption" array-provider="show.Episodes" on-select="goEpisodeCarousel( item )"></a-carousel>

I need this carousel-ID because, a-carousel.arrayupdated broadcast requide a carousel Id.
its possible?

Programmatically select item

I can see a method to deselect an item, is there one to select an item? (i.e. I want to automatically select the second item rather than the first)

If not I can see how I'd add it I think - just add a new listener with the id and call selectItem(id) right!?

template:'view/airview/demo-1.html' external html page not load

vm.carouselOptions4 = {
carouselId:'carousel-4',
align:'left',
selectFirst:true,
centerOnSelect:true,
template:'view/airview/demo-1.html'
};

how to set template url link in controller

ionic.bundle.js:23826 GET http://localhost:8100/view/airview/demo-1.html 404 (Not Found)(anonymous function) @ ionic.bundle.js:23826sendReq @ ionic.bundle.js:23645serverRequest @ ionic.bundle.js:23357processQueue @ ionic.bundle.js:27879(anonymous function) @ ionic.bundle.js:27895Scope.$eval @ ionic.bundle.js:29158Scope.$digest @ ionic.bundle.js:28969Scope.$apply @ ionic.bundle.js:29263done @ ionic.bundle.js:23676completeRequest @ ionic.bundle.js:23848requestLoaded @ ionic.bundle.js:23789
ionic.bundle.js:25642 Error: [$compile:tpload] Failed to load template: ../view/airview/demo-1.html (HTTP status: 404 Not Found)
http://errors.angularjs.org/1.4.3/$compile/tpload?p0=..%2Fview%2Fairview%2Fdemo-1.html&p1=404&p2=Not%20Found

Plugin not working with ionic app

I am using the carousel in ionic modal. Referred steps from your readme file but while running the app it is giving following errors in console:

  1. undefined is not an object (evaluating parsed.protocol)

  2. Failed to load the template: undefined

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.