2015-09-10 4 views
3

Я пытаюсь реализовать карусель с помощью плагина angular-carousel, и ничего не работает, просто пустой экран.угловой-карусель не работает

Это мой HTML-код:

<body ng-app="carouselApp"> 
     <div ng-controller="carouselController"> 
      <ul rn-carousel> 
       <li> 
        <img alt="" src="http://image.shutterstock.com/display_pic_with_logo/1860644/294403301/stock-photo-soup-vegetable-soup-bowl-294403301.jpg"> 
       </li> 
       <li> 
        <img alt="" src="http://image.shutterstock.com/display_pic_with_logo/511399/210391630/stock-photo-grilled-chicken-breast-with-fresh-vegetables-selective-focus-210391630.jpg"> 
       </li> 
       <li> 
        <img alt="" src="http://image.shutterstock.com/display_pic_with_logo/522076/266014253/stock-photo-fried-fish-fillet-atlantic-cod-with-rosemary-in-pan-266014253.jpg"> 
       </li> 
       <li> 
        <img alt="" src="http://image.shutterstock.com/display_pic_with_logo/502972/264191042/stock-photo-bowl-of-healthy-fresh-fruit-salad-on-wooden-background-top-view-264191042.jpg"> 
       </li> 
       <li> 
        <img alt="" src="http://image.shutterstock.com/display_pic_with_logo/356269/162416498/stock-photo-closeup-of-fried-rosemary-potato-wedges-in-a-rustic-setting-162416498.jpg"> 
       </li> 
      </ul> 
     </div> 
    </body> 

Применение и контроллер код:

var app = angular.module('carouselApp',['angular-carousel']); 

app.controller('carouselController', function($scope) { 


}); 

Я использую angularjs 1.4.5 и angular-carousel 0.3.13, что я делаю неправильно?

ответ

2

это что-то не так с вашими стилями, если добавить 'идентификатор', чтобы:

<ul rn-carousel id="theCarousel"> 

и вы Css:

#theCarousel{ 
    height:400px; 
} 

ваша карусель будет работать!

Я порекомендую вам использовать карусель от этого page, у вас никогда не возникнет никаких проблем.

+0

Я бы не стал, я пробовал его с последними обновлениями и продолжаю получать карусель «Контроллер», требуемый директивным «слайдом», не может быть найден! » вопрос. Пока это звучит так, как будто исправление - это неидеальный взлом переопределения директивы как пустой заглушки. – Iancovici

Смежные вопросы