Question

这是我在Stack中的第一篇文章，我是Angular的新手。我正致力于生成动态范围标记，而不是将它们放在HTML中。当我使用静态HTML代码时它工作正常，但是当它从Angular调用时它不起作用。因为在ng-Controller之前调用了ng-Directive。

这是静态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>

我尝试做的是以下列方式。

<scroller height="150" width="200" padding="5" ng-model="test">
    <div ng-repeat="image in imagesArray">

        <span><a href="http://www.google.com" target="_blank"><img ng-src='{{image.img}}'/></a><p class="imgtitle">{{image.title}}</p></span>

      </div>
      </scroller>

我的控制器代码

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 "

等..

我还需要关注其他任何事情吗？任何想法将不胜感激。

Answer 1

您需要重复while((line = br.readLine())!=null){ lines_inside++; ...个元素。当前代码将重复span个元素，这些元素将创建多个div级元素，而这些元素不是预期的输出。

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

试试这个：

＆＃13;

ngRepeat

＆＃13;

在ng-Controller之前调用ng-Directive以将数据绑定到HTML

1 个答案: