angularJS - 無法API JSON響應數據加載到我的HTML文件

這裏是我使用的代碼：angularJS - 無法API JSON響應數據加載到我的HTML文件

這裏是我的HTML文件：

<html> 

    <head> 
    <title>PCC ECAR App</title> 

    <link href="../app.css" rel="stylesheet" /> 
    </head> 

    <body ng-app="ngApp" ng-controller="task" class=""> 

    <div class="view1"> {{mainTask.Amount} </div> 

    <!-- Third Party Scripts --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 

    <!-- Main App Script --> 
    <script src="../app/app.js"></script> 

    </body> 
</html>

下面是截圖從API響應控制檯日誌：

什麼是發生當您進入頁面時，元素view1將顯示{{mainTask.Amount}}半秒鐘，然後消失，元素留空。我顯然做錯了什麼。爲什麼不能將數據加載到HTML中？

來源

2016-07-25 agon024

@FrankerZ。我確實接受了答案。我對這個網站並不陌生:)你剛剛回答得太快，以至於網站告訴我，我必須再等10分鐘才能接受正確的答案。順便說一句重複選項的作品很棒，除非你在回覆中忘記了{{task.Amount} – agon024

之後的最後一個「}」我更新了我的答案 – FrankerZ

/Tasks端點正在返回一組任務。你需要做的：

$scope.mainTask = data.Tasks[0];

或者通過任務使用ng-repeat循環：

<div class="view1" ng-repeat="task in mainTask.Tasks"> {{task.Amount}} </div>

來源

2016-07-25 17:25:57 FrankerZ

小心解釋downvote？ – FrankerZ

工作完美！如果數組中有5個不同的對象被返回，那麼它仍然可以工作。 – agon024

$scope.mainTask.tasks是有你的任務數據的數組。你可以在視圖中循環：

<ul> 
    <li ng-repeat="task in mainTask.tasks">{{task.Amount}}</li> 
</ul>

來源

2016-07-25 17:27:38

這將是'mainTask.Tasks'，因爲api返回數組的對象。 – FrankerZ

@FrankerZ謝謝你指出。 –

angularJS - 無法API JSON響應數據加載到我的HTML文件

回答

相關問題