如何將JSON數據存儲在數組中，然後將其顯示在HTML頁面上

我是AngularJS框架的新手。如何將JSON數據存儲在數組中，然後將其顯示在HTML頁面上

我有一個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:數據存儲到一個數組 -

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>

顯示不適合我的數組。我如何得到這個權利？

來源

2015-12-02 Prashanth L

您需要初始化'$ scope.itemName'而不是'var itemName'的數據' –

感謝您的建議。我使用了'$ scope'，現在它工作。 –

歡迎..我在答案部分給出答案，所以請接受答案，因爲我先給予評論回答.... –

假設以下行對您有用。意味着opendata.content從JSON格式的API返回有效數據。

itemName[scheduled]=opendata.content;

比你所需要的全部變量都聲明爲全局變量。

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

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

$scope使全局變量，可以在您的視圖訪問。

來源

2015-12-02 07:22:23 immirza

謝謝你。現在它可以工作。 –

不客氣:)不要忘記標記答案接受來幫助別人。 :)歡呼聲。 – immirza

如何將JSON數據存儲在數組中，然後將其顯示在HTML頁面上

回答

相關問題