div的角度js幻灯片动画?

你可以告诉我当用户点击标签时我们如何滑动div。我在jQuery Mobile(小提琴http://jsfiddle.net/ezanker/o9foej5L/1/ )中进行演示,其中我有三个标签并使用它显示转换的标签你能告诉我怎样才能在角度上做同样的事情吗? 我试图实现这一目标,但我无法做到这一点,我是如何实现这一点的角度?

Plunker http://plnkr.co/edit/ornYCV15uV8lPNL1ujPL?p=preview

$(function(){ $("#owl-demo").owlCarousel({ navigation : false, // Show next and prev buttons pagination : false, //hide pagination dots slideSpeed : 300, paginationSpeed : 400, singleItem:true, afterMove: function(){ var owl = $("#owl-demo").data('owlCarousel'); $(".tabBtn").removeClass("ui-btn-active").eq(owl.currentItem).addClass("ui-btn-active"); } }); }) 

经过一段很长的RND。我能够自己解决这个问题。我做了一个像这样的指令而不是使用那个指令我动画div这里是演示http://plnkr.co/edit/M08sP4oEZLWr6HgGKAde?p=preview

 app.directive('owlCarousel', function() { return { restrict: 'A', scope: { owlOption: '=' }, link: function(scope, element, attrs) { $(element).owlCarousel(scope.owlOption); } }; });