如何將數組傳遞給html in angularjs1.5.5

如何將數組Json數據從angularjs Controller傳遞給html。如何將數組傳遞給html in angularjs1.5.5

這裏是我的html

<body ng-app="bookApp"> 
<div ng-controller="bookListCtr"> 
<table> 
    <thead> 
    <tr> 
     <th>something</th> 
     <th>something</th> 
    </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="item in items"> 
      <td><(item.id)></td> 
     </tr> 
    </tbody> 
</table> 
</div> 

</body>

這裏是我的Angularjs

var bookApp = angular.module('bookApp', []); 
bookApp.config(function($interpolateProvider) { 
    $interpolateProvider.startSymbol('<('); 
    $interpolateProvider.endSymbol(')>'); 
}); 

bookApp.controller('bookListCtr', function ($scope, $http) { 

    $http.get('http://localhost/client_side/public/book').success(function(data) { 
     if(data.s_respond === 200){ 
      $scope.items = data.data; 
      console.log(data.data) 
     } 

    }); 
});

這是JSON數據後控制檯

s_respond = 200 
data = "[{"id":"7","title":"Seven is my lucky number","link":"/api/v1/items/7"},{"id":"8","title":"A Dance with Dragons","link":"/api/v1/items/8"},{"id":"10","title":"Ten ways to a better mind","link":"/api/v1/items/10"},{"id":"42","title":"The Hitch-hikers Guide to the Galaxy","link":"/api/v1/items/42"},{"id":"200","title":"Book title #200","link":"/api/v1/items/200"},{"id":"201","title":"Book title #201","link":"/api/v1/items/201"},{"id":"202","title":"Book title #202","link":"/api/v1/items/202"},{"id":"203","title":"Book title #203","link":"/api/v1/items/203"},{"id":"204","title":"Book title #204","link":"/api/v1/items/204"},{"id":"205","title":"Book title #205","link":"/api/v1/items/205"}]"

來源

2016-05-10 Heng Sopheak

您的http請求給你作爲響應字符串，首先你應該解析數據到json對象，然後在json數據數組對象上設置foreach循環，並將每個數據對象推送到$ scope.items數組！ – oguzhan00

我認爲你需要解析JSON

$scope.items = JSON.parse(data.data);

解釋一個鏈接：

https://www.quora.com/How-can-I-convert-JSON-format-string-into-a-real-object-in-JS

來源

2016-05-10 17:41:56 Ronald

我忘了朋友 –

有v兩個標籤...這意味着2列嘗試添加另一個Ua的身體

<body ng-app="bookApp"> <div ng-controller="bookListCtr"> 
<table> 
<thead> 
<tr> <th>something</th> <th>something</th> 
</tr> 
</thead> 
<tbody> 
<tr ng-repeat="item in items"> <td>{{item.id }}</td> 
<td>something else</td> 
</tr> 
</tbody> 
</table> 
</div> 
</body>

來源

2016-05-10 17:52:32

我剛剛測試一列朋友 –

使用{{item.id}}表達式標籤來顯示您的輸出 –

我使用Laravel刀片，所以我必須使用另一個標籤來避免衝突錯誤tage或幻想錯誤 –

如何將數組傳遞給html in angularjs1.5.5

回答

相關問題