如何将JSON数据存储在数组中,然后将其显示在HTML页面上

时间:2015-12-02 07:13:07

标签: javascript angularjs json

我是AngularJS框架的新手。

我从JSON object返回REST Web API,其中包含以下数据 -

[6]
    0:  {
    id: 217554043
    todolist_id: 33897822
    position: 2
    content: "Review about percentage calculation suggested by Someone"
    completed: false
    created_at: "2015-11-10T23:06:01.000+05:30"
    updated_at: "2015-12-01T19:07:21.000+05:30"
    comments_count: 6
    private: false
    trashed: false
    due_on: "2015-12-04"
    due_at: "2015-12-04"
    creator: {
    id: 9329381
    name: "Some Name"
    avatar_url: "HTTP://CDN.37IMG.COM/GLOBAL/B3AE8DFCA054A470C4D660D6096934F50010/AVATAR.GIF?R=3"
    fullsize_avatar_url:  "HTTPS://CDN.37IMG.COM/GLOBAL/B3AE8DFCA054A470C4D660D6096934F50010/ORIGINAL.GIF?R=3"
    }
    1:  {
       (data again as above)
    }
}

在我的脚本中opendata是具有JSON data的变量然后我有一个控制器,在该控制器下我有以下条件将content:中的数据存储到数组中 - < / p>

if ( opendata.completed == false && opendata.due_on != null ) { 
    var itemName = [];
    scheduled++;
    itemName[scheduled]=opendata.content;
    }

在我的HTML页面中,我有<div>绑定到控制器,然后 -

<h3 id = "newtask" ng-repeat="i in itemName">{{itemName}}</h3>

显示数组,这对我来说并不适合。我该如何做到这一点?

1 个答案:

答案 0 :(得分:1)

假设以下行适合您。平均opendata.content具有以Json格式从API返回的有效数据。

itemName[scheduled]=opendata.content;

然后,您需要将变量声明为全局变量。

var itemName = []; // won't work

$scope.itemName = []; //should work

$scope使其成为全局变量,可以在您的视图中访问。