В принципе, мне нужно создать полноэкранный дисплей для магазина с использованием данных, которые используются на их нынешнем веб-сайте, теперь я выбрал использование 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).
Любые идеи? Должен ли я использовать сторонний плагин? Есть ли у кого-нибудь учебники или ресурсы для обработки чего-то подобного?
Это будет работать замечательно, но не то, что мне нужно, так как она будет загружать все виды на на той же странице могут быть сотни, поэтому не нужно перегружать страницу. – ChrisBratherton
Вы можете решить эту проблему путем «ленивой загрузки» слайдов. Внутри каждого слайда будет ng-include. Вы можете предоставить атрибут src только для активного слайда, ранее активного слайда и следующего слайда. –
мышление о «большем» примере (html5 powerpoint presentation type); это более полезно http://www.nganimate.org/angularjs/ng-switch/slider-css3-transition-animation. Тот, что в примере с загрузочной загрузкой, просто переключает видимые вещи – Ben