Javascript 从AngularJS中的json生成表

我正在尝试从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'
            });
        };

<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>

代码的控制器如下所示

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;
        });
    });

我的观点是这样的：

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

<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>

科里斯尼奇
苏斯塔瓦科里斯尼奇酒店
姓
{{$index+1}}
{{user.korisnik.korisnik_prezime}
{{user.korisnik.korisnik_username}

---

我想我把数据和视图绑定的某个地方搞砸了，但我对angular还是很陌生，所以我找不到哪里出了问题。我也在网上查过了，什么也找不到。请帮忙

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

/*搜寻*/
$scope.searchFilter=函数（用户）{
var关键字=newregexp（$scope.filterName，'i'）；
return！$scope.filterName | keyword.test（user.korisnik.korisnik_-ime）| keyword.test（user.korisnik.korisnik_-prezime）；
};

在您的控制器中，您有

customAPI服务

，但您的服务被定义为

customAPI

是的，我知道，但这只是服务js的一部分，所以这些东西可以工作，因为我收到JSON响应，用它制作表格是一个问题也许你是对的，但我无法正确测试它，因为我无法生成表格：/Add Batarang，这样你就可以看到加载了什么数据？我这样做了，它说作用域是空的，问题在这里的某个地方：customAPIservice.getUsers（）.success（函数（响应）{$scope.usersList=response.korisnici；}）；重复一遍。看起来我没有向作用域添加任何数据。如果你想创建一个plunkr，我可以看看这个