从AngularJS中的json生成表

Question

我试图从AngularJS中的json生成HTML表。 我收到的JSON格式如下：

我获取数据的服务如下所示：

customAPI.getUsers = function() {
            return $http({
                method: 'JSONP',
                url: 'http://arka.foi.hr/WebDiP/2013_projekti/WebDiP2013_069/api/admin/users.php'
            });
        };

和该代码的控制器看起来像这样

controller('usersController', function($scope, customAPIservice) {
        $scope.filterName = null;
        $scope.usersList = [];

        /*Search*/
        $scope.searchFilter = function(user) {
            var keyword = new RegExp($scope.filterName, 'i');
            return !$scope.filterName || keyword.test(user.korisnici.korisnik_ime) || keyword.test(user.korisnici.korisnik_prezime);
        };

        customAPIservice.getUsers().success(function(response) {
            $scope.usersList = response.korisnici;
        });
    });

我的观点如下：

<input type="text" ng-model="nameFilter" placeholder="Trazi..."/>
<h2 >Korisnici</h2>
<table>
    <thead>
        <tr>
            <th colspan="6">Korisnici sustava</th>
        </tr>

    <th>Surname</th>
</thead>
<tbody>
    <tr ng-repeat="user in usersList| filter: searchFilter">
        <td>{{$index + 1}}</td>


        <td>{{user.korisnik.korisnik_prezime}}</td>
        <td>{{user.korisnik.korisnik_username}}</td>
    </tr>


    <tr  ng-show="usersList == ''">
        <td colspan="5">
            <img src="img/ajax-loader.gif" />
        </td>
    </tr>

</tbody>
</table>

我认为我把数据与视图绑定在一起，但是我＆＃39;角度还是很新的，所以我找不到什么问题。我也在网上查了一下，找不到任何东西。请帮忙。

Answer 1

您未正确访问数据中的属性。使用：

/*Search*/ $scope.searchFilter = function(user) { var keyword = new RegExp($scope.filterName, 'i'); return !$scope.filterName || keyword.test(user.korisnik.korisnik_ime) || keyword.test(user.korisnik.korisnik_prezime); };