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

Question

我是 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 的变量然后我有一个 Controller ，在该 Controller 下我有以下条件存储来自 content: 的数据放入数组中 -

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

在我的 HTML 页面中，我有一个 <div>绑定(bind)到 Controller ，然后 -

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

显示数组，这对我不起作用。我怎样才能做到这一点？

Answer 1

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

itemName[scheduled]=opendata.content;

然后，您只需将变量声明为全局变量即可。

var itemName = [];//不起作用

$scope.itemName = [];//应该可以工作

$scope 使其成为全局变量，并且可以在您的 View 中访问。