Angular JS Flex滑块

Question

几天后，角度js真的很新。我想使用flexslider创建一个滑块并构建滑块并使用我拉动的数据中的图像。我知道你必须创建指令或其他东西。如果有人能把我放在合适的方向上，那将是很好的..我知道标记必须是这样的，但不知道如何创建flexslider ..

谢谢

angular.module("sportsStore")
.directive("slider", function ($timeout) {
    return {
        scope: {
            items: "="
        },
            templateUrl: "AngularJS/views/sliderTemplate.html",
            compile: function compile(tElement, tAttrs, transclude) {
                return function (scope, element, attrs) {
                    $timeout((function() {
                return element.flexslider();
            }), 0);

        }
        }
    }
})
.controller("homeCtrl", function ($scope) {
$scope.arr = ["http://placehold.it/150&text=1",
    "http://placehold.it/150&text=2",
    "http://placehold.it/150&text=3"]

}）

template 

   <div class="flexslider">
<ul class="slides">
    <li ng-repeat="item in data.products">
        <img ng-src="assets/img/{{item.imgSRC}}" />
    </li>
</ul>

想要提取我的data.products但似乎无法让它工作