0
jCarouselをイメージサムネイルスライダに使用しています。以前は同じディレクティブを使用していましたが、コードをコンポーネントに変更しました。しかし、今私はそのリンク機能を使用して、コンポーネントのリロードを監視することができません。私はagularjsで初めてのコンポーネントを使用しているからです。
//前のコード
directive('jblogcarousel', function() {
return {
restrict: 'A',
replace: true,
transclude: true,
scope: {
jitems: "="
},
templateUrl: '/templates/blog-carousel.html',
link: function link(scope, element, attrs) {
var container = $(element);
var carousel = container.find('.jcarousel');
carousel.jcarousel({
wrap: 'circular'
});
scope.$watch(attrs.jitems, function (value) {
carousel.jcarousel('reload');
});
container.find('.jcarousel-control-prev')
.jcarouselControl({
target: '-=1'
});
container.find('.jcarousel-control-next')
.jcarouselControl({
target: '+=1'
});
}
};
})。
//現在のコード
.component('jCarousel', {
bindings: {
jitems: '='
},
templateUrl: '/templates/carousel.html'
})