Javascript 在ng控制器之前调用ng指令以将数据绑定到HTML

这是我在Stack中的第一篇文章，我对Angular是新手。我正在努力生成动态span标记，而不是将它们放在HTML中。当我使用静态HTML代码时，它工作得很好，但当从Angular调用它时，它就不工作了。因为ng指令在ng控制器之前被调用

下面是静态HTML代码

<scroller height="150" width="200" padding="5" ng-model="test">

<span><a href="http://www.google.com" target="_blank"><img src="images/img1.png"/></a><p class="title">img0</p></span>
<span><a href="http://www.google.com" target="_blank"><img src="images/img1.png"/></a><p class="title">img1</p></span>
<span><a href="http://www.google.com" target="_blank"><img src="images/img1.png"/></a><p class="title">img2</p></span>
</scroller>

}

对象将按以下方式创建

[Object, Object, Object, Object, Object, Object, Object]
0: Object
img: "images/img1.png"
title: "img1 "

等等

我还需要做其他事情吗？任何想法都将不胜感激

您需要重复

span

元素。当前代码将重复

div

元素，这些元素将创建多个

块

级别元素，这些元素不是预期的输出

ngRepeat

指令对集合中的每个项目实例化一次模板

试试这个：

{{image.title}

请添加您的angular js控制器代码。@Rahul，已用控制器代码更新。请检查。我怀疑你的滚动指令使用的是隔离作用域。您可以提供滚动条方向的代码吗？上面的代码段是以以下格式生成的“target=“_blank”>

img1

对于所有span标记，静态html就是这样的……对吗？我已经把静态html代码放在了问题本身中。没错，我明白为什么。。首先调用我的指令，然后调用控制器。这就是为什么它没有被绑定。如何在指令调用中初始绑定数据本身？请参阅：

function myCtrl($scope,$http){
 $scope.test = 0;  
 $http.get("data.json")
  .then(function(response) {
    var data = response.data;
    $scope.imagesArray = response.data.imagesArray || [];
    console.log($scope.imagesArray);
  });

[Object, Object, Object, Object, Object, Object, Object]
0: Object
img: "images/img1.png"
title: "img1 "