Данные не получены на стороне клиента
У меня есть угловое приложение, которое я создаю, где я щелкаю страницу, которая выбирает данные из базы данных, но по какой-то странной причине не отображается в браузере. Операция вроде сбоев, и я нажимаю на эту конкретную страницу, и нигде не регистрируется никаких ошибок, даже на консоли или в текстовом файле, предназначенном для регистрации всех ошибок / исключений.
Я отладил код C# на стороне сервера и понял, что строки успешно загружены, но он не отображается в браузере, и операция завершается с ошибкой. Пожалуйста, помогите мне. Я не знаю, что я делаю не так. Подобный подход извлечения данных был использован для других страниц, и они работают очень хорошо.
Сторона сервера
public PagedResultDto<GoodsRequestDto> GetGoodsRequestPaged(GoodsRequestListInput input)
{
var goodsRequests = _goodsRequestRepo.GetAllIncluding(g => g.GoodsQuotes)
.WhereIf(input.UserId.HasValue, g => g.CreatedBy == input.UserId)
.OrderBy(d => d.Id)
.PageBy(input)
.ToList();
return new PagedResultDto<GoodsRequestDto>
{
TotalCount = goodsRequests.Count,
Items = goodsRequests.MapTo<List<GoodsRequestDto>>()
};
}
Угловой контроллер
vm.loadGoodsRequests = function () {
var skipCount = 0;
abp.ui.setBusy(null,
projectService.getGoodsRequestPaged({
skipCount: skipCount,
userId: appSession.user.id
}).success(function (data) {
vm.goodsRequests = data.items;
})
);
}
Html
<div ng-if="vm.goodsRequests.length" ng-repeat="gr in vm.goodsRequests" class="classInfo-list-item col-md-6">
<div class="classInfo-body">
<h3 class="classInfo-title">
{{gr.categoryItem.name + "_" + gr.brand.name + "_" + gr.product.name | cut:true:50:' ...'}}
</h3>
<p class="classInfo-description">Quantity: {{gr.quantity}} {{gr.unit}}</p>
<p class="classInfo-description">Payment Term: {{gr.paymentTerm}}</p>
<div class="classInfo-registration-info">
{{gr.goodsQuotes.length}} Quote(s).
</div>
<div class="classInfo-actions">
<a class="btn btn-sm btn-info" ng-href="#/my-goods-requests/{{gr.id}}">@L("Details") <i class="fa fa-arrow-circle-right"></i></a>
</div>
<span ng-class="vm.statusClass(gr.statusString)" class="classInfo-date"> {{gr.statusString }}</span>
</div>
</div>
Это третий день по этому вопросу. Я отчаянно нуждаюсь в помощи.
1 ответ
API возвращается Items
не предметы
Так что попробуйте использовать data.Items
Этих ошибок можно легко избежать, используя инструменты разработки браузера и debugger;
в нужном месте..
зависший на data
переменная покажет вам структуру, которая возвращается во время выполнения