Question

如何将数组Json数据从angularjs Controller传递给html。

这是我的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"}]"

Answer 1

我认为你需要解析json

python3 get-pip.py

一个解释说明的链接：

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

Answer 2

有两个标签......意思是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>

如何在angularjs1.5.5中将数组传递给html

2 个答案: