如何持久地在HTML中显示对象值

时间:2016-08-27 15:43:27

标签: javascript html angularjs

假设我有一个像y={1,2,3}这样的对象。我想在HTML中使用Angular来显示它的值。

所以我做的是:

for(var i=0;i<y.length;i++){
      $scope.data=y[i]; //transferring
}

在我的HTML中写道:

   <html>
      {{data}}
   </html>

现在我知道它显示的是最后一个值(3),因为数据值在最后更新,并且由于循环的最后一个值是3,因此它在HTML中设置3。所以我的问题是我们如何解决这个问题呢?

2 个答案:

答案 0 :(得分:0)

第一个问题是y应该是一个数组:

var y = [1, 2, 3]

其次,你应该在你的html中使用ng-repeat,而不是循环:

<span ng-repeat="num in y">
    {{ num }}
</span>

最重要的是,您应首先查看文档和一些教程。因为它是每个书或教程中首先讲授的angularjs的最基本部分。

<强>更新

如果要在html中显示对象属性,可以执行以下操作:

<span ng-repeat="(key, value) in y">
    {{key}} - {{ value }}
</span>

答案 1 :(得分:0)

是的,我得到了答案! 将每个响应存储在一个数组中,然后使用ng-repeat渲染该数组。 它很容易引起我的注意。