Я использую Angular DataTable для отображения данных с помощью массива JSON, но данные не отображаются. Я думаю, что есть проблема с моей HTML-страницей. Вы можете найти проблему?
HTML файл:
<tbody>
<tr ng-repeat = "user in userList">
<td><a class = "green shortinfo" href = "javascript:;" ng-click = "childInfo(user, $event)" title = "Click to view more"><i class = "glyphicon glyphicon-plus-sign"></a></td>
<td>{{user.name}}</td>
<td>{{user.position}}</td>
<td>{{user.office}}</td>
<td><div class = "btn-group">
<button type = "button" class = "btn btn-default btn" ng-click = "edit($index);"><i class = "glyphicon glyphicon-pencil"></i></button>
<button type = "button" class = "btn btn-default btn" ng-click = "delete();"><i class = "glyphicon glyphicon-trash"></i></button>
</div></td>
</tr>
</tbody>
Это часть HTML-страницы:
МОЙ формат данных JSON:
$scope.userList = {"InvoiceHeaders":[
{
"name": "Tiger Nixon",
"position": "System Architect",
"salary": "$320,800",
"start_date": "2011/04/25",
"office": "Edinburgh",
"extn": "5421"
},
{
"name": "Garrett Winters",
"position": "Accountant",
"salary": "$170,750",
"start_date": "2011/07/25",
"office": "Tokyo",
"extn": "8422"
}
]; }
Я пытаюсь использовать пример с данными в своем проекте.
Попробуйте установить $ scope.userList = [{"name": "Tiger", ...}, {"name": "Garret", ..}]; ...
скопируйте и вставьте свой JSON-код в jsonlint.com, вы должны удалить завершающий; после ]



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Ваш JSON недействителен, измените его как
{
"InvoiceHeaders": [
{
"name": "Tiger Nixon",
"position": "System Architect",
"salary": "$320,800",
"start_date": "2011/04/25",
"office": "Edinburgh",
"extn": "5421"
},
{
"name": "Garrett Winters",
"position": "Accountant",
"salary": "$170,750",
"start_date": "2011/07/25",
"office": "Tokyo",
"extn": "8422"
}
]
}
ДЕМО
var myApp = angular.module('testApp',[]);
myApp.controller('myCtrl',function($scope){
$scope.userList = {
"InvoiceHeaders": [
{
"name": "Tiger Nixon",
"position": "System Architect",
"salary": "$320,800",
"start_date": "2011/04/25",
"office": "Edinburgh",
"extn": "5421"
},
{
"name": "Garrett Winters",
"position": "Accountant",
"salary": "$170,750",
"start_date": "2011/07/25",
"office": "Tokyo",
"extn": "8422"
}
]
}
});<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app = "testApp" ng-controller = "myCtrl">
<ul ng-repeat = "user in userList.InvoiceHeaders">
<li>{{user.name}}</li>
<li>{{user.position}}</li>
<li>{{user.office}}</li>
<td>
</ul>
</body>
Может ли ваша проблема быть в том, что userList на самом деле не является списком или пользователями, а скорее является объектом JS с единственным свойством с именем InvoiceHeaders, значением которого является список пользователей?