Javascript 角度指令不适用于ng重复

嗨，我正在尝试运行Jquery Flex slider。 弹性滑块工作时无需ng重复如下：

但不能像这样使用ng repeat：

指令：

.directive('flexslider', function () {

return {
link: function (scope, element, attrs) {

  element.flexslider({
    animation: "slide"
  });
}
}
});

工作板：

<div class="flexslider" flexslider>
  <ul class="slides">
    <li>
      <img src="http://placekitten.com/g/400/200">
    </li>
    <li>
      <img src="http://placekitten.com/g/400/200">
    </li>
    <li>
      <img src="http://placekitten.com/g/400/200">
    </li>
    <li>
      <img src="http://placekitten.com/g/400/200">
    </li>
  </ul>
</div>

<div class="flexslider" flexslider>
  <ul class="slides">
    <li ng-repeat="n in list">
      <img src="http://placekitten.com/g/400/200">
    </li>
  </ul>
</div>

---

该指令在重复过程之前被触发

这解决了问题：

setTimeout(function(){
    element.flexslider({
      animation: "slide"
    });  
  },500);

---

在这里工作

这是由于img的延迟加载

您可以使用以下命令

 <div ng-view>
    {{myFoo()}}
  </div>

这是

或者你也可以点击这个链接

---

您能提供控制器代码吗？您在哪里定义

列表

？您可能希望使用blue his解决方案。这更安全，因为这不依赖于超时。

 <div ng-view>
    {{myFoo()}}
  </div>

$scope.myFoo = function(){
    $(".flexslider").flexslider({
        animation: "slide"
      });
  }