Доступ к асинхронному свойству на странице Razor

Я пытаюсь создать простое веб-приложение .NET Core 2.0 со страницами Razor. Страница подключена к столь же простому веб-API Core 2.0. У меня простой класс:

public class About : PageModel
{
    private ServiceProxy serviceProxy;

    public About(ServiceProxy serviceProxy)
    {
        this.serviceProxy = serviceProxy;
    }

    public IEnumerable<ProductViewModel> Values { get; set; }

    public async void OnGetAsync()
    {
        this.Values = await this.serviceProxy.GetValuesAsync();
    }
}

И страница тоже простая:

@page
@model About
@{
    ViewData["Title"] = "About";
}
<h2>@ViewData["Title"]</h2>
<h3>@Model.Message</h3>
@foreach (var product in @Model.Values)
{
    <p>@product.Name</p>
}

Однако страница отображается до того, как метод OnGetAsync() сможет заполнить список «Значения». Это похоже на такую ​​обычную операцию, но я не могу найти ее обсуждения (я также пробовал повторять асинхронный метод GetValues ​​()).

Как страницы CSHTML должны взаимодействовать с веб-API, который может занять несколько секунд для возврата результатов?


async-await c# asp.net-core asp.net-core-2.0 razor-pages
person Quarkly    schedule 21.05.2018    source источник

Ответы (1)


arrow_upward
13
arrow_downward

Это из-за async void, который в основном представляет собой огонь и забыть, и его следует избегать. Страница загрузится до того, как функция успеет завершить, поскольку они будут выполняться параллельно.

Измените подпись на async Task, чтобы страница могла ожидать завершения действия.

public async Task<IActionResult> OnGetAsync() {
    this.Values = await this.serviceProxy.GetValuesAsync();
    return Page();
}

Ссылка Введение в Razor Pages в ASP.NET Core

person Nkosi    schedule 21.05.2018