2013-08-08 3 views
1

В принципе, мне нужно создать полноэкранный дисплей для магазина с использованием данных, которые используются на их нынешнем веб-сайте, теперь я выбрал использование AngularJS для этого проекта, главным образом потому, что я хочу учиться, и лучший способ учиться.AngularJS Page/View Slider

У меня есть файл в формате JSON, содержащий массив элементов, в настоящее время он содержит следующие данные:

{ 
     "prop_id"  : "", 
     "prop_title" : "", 
     "prop_postcode" : "", 
     "prop_price" : "", 
     "prop_image" : "", 
     "prop_desc"  : "", 
     "template"  : "views/prop-no-thumbs.html", 
     "info_image" : "", 
     "duration"  : "4000" 

    }, 

Итак, у меня есть уникальный идентификатор, шаблон, который я хотел бы использовать для отображения этого пункта и продолжительность Я хочу, чтобы представление присутствовало на экране. Они будут отличаться.

Что было бы лучшим способом справиться с этим в AngularJS, я начал использовать какой-то пример кода, который я нашел на GitHub, но не могу заставить его автоматически вращаться (вопрос можно посмотреть здесь: AngularJS: Slide divs automatically with a set duration on page load).

Любые идеи? Должен ли я использовать сторонний плагин? Есть ли у кого-нибудь учебники или ресурсы для обработки чего-то подобного?

ответ

3

Вы можете использовать директиву карусельной в angular ui bootstrap и настройке с помощью CSS (удалить стрелки, изменить его размер, и т.д ...)

+0

Это будет работать замечательно, но не то, что мне нужно, так как она будет загружать все виды на на той же странице могут быть сотни, поэтому не нужно перегружать страницу. – ChrisBratherton

+0

Вы можете решить эту проблему путем «ленивой загрузки» слайдов. Внутри каждого слайда будет ng-include. Вы можете предоставить атрибут src только для активного слайда, ранее активного слайда и следующего слайда. –

+0

мышление о «большем» примере (html5 powerpoint presentation type); это более полезно http://www.nganimate.org/angularjs/ng-switch/slider-css3-transition-animation. Тот, что в примере с загрузочной загрузкой, просто переключает видимые вещи – Ben

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