- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
Главный хтмл файл:
<div id="load-script" style="display:none">
$(document).ready(function() {
$('.social-needs-container__slider-container').slick({
slidesToShow: 3,
slidesToScroll:1,
...
});
});
</div>
Директива:
link: function link($scope, iElement) {
Api.get({
...
}).$promise.then(function(data) {
$scope.getContentUrl = function() {
var template = 'http://localhost:1337/app/js/modules/core/templates/projects/types/';
...
return template;
}
...
var init = angular.element("#load-script");
var code = init.text();
init.remove();
var f = new Function(code);
$timeout(f, 350);
...
});
},
Суть в том, что нужно динамически подключать темплейт по урлу, попутно инициализировав сторонний плагин (slick slider).
Переписовать код слайдера под уже готовую slick-директиву видимо было лень.
Комментарии (0) RSS
Добавить комментарий