1
Я пытался преобразовать мою jQuery в директиву angularjs, я не знаю, что я делаю неправильно в приведенном ниже коде, может кто-то сказать, что я делаю неправильно? Я очень новичок в угловой, и я не понимаю, почему этот код не работает?Преобразование jQuery slick.js в директиву angularjs
HTML:
<div class="slider">
<div class="slide-block">
<i class="fa fa-lg fa-exchange"></i>
<h4>1</h4>
</div>
<div class="slide-block">
<i class="fa fa-lg fa-exchange"></i>
<h4 > 2</h4>
</div>
</div>
ЯШ:
angular.module('components').directive('slick', [
'jquery',
function slick($) {
'use strict';
var
scope = {};
function link($scope, $element) {
$('.slider').slick({
centerMode: false,
infinite: false,
centerPadding: '2px',
slidesToShow: 6,
speed: 200,
index: 2,
variableWidth: true,
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
}, {
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}]
});
}
return {
restrict: 'A',
scope: scope,
templateUrl: 'slick.html',
link: link
};
}
]);
Не знаю, почему это не работает, но вы должны использовать $ элемента вместо '$ (« слайдер»)', так что работает также, если вы используете директиву несколько раз – jantimon
я пытался это, но все еще не работает –
, если я делаю console.log внутри моей функциональной ссылки, не появляется и выглядит так, как fucntion не работает –