Asp.Net View Rendering unexpected output

Question

Why does this code work perfectly, outputting the HTML as expected and...

<div class="page home-page custom-container d-flex flex-column">
    @await Component.InvokeAsync("PersonalizedProducts")
    @await Component.InvokeAsync("RecommendedProducts")
    @await Component.InvokeAsync("SuggestedProducts")
    @await Component.InvokeAsync("HomePageProducts")
    @await Component.InvokeAsync("HomePageNewProducts")
    @await Component.InvokeAsync("CategoryFeaturedProducts")
</div>

...this one doesn't work:

<div class="page home-page custom-container d-flex flex-column">
@{
    var tasks = new List<Task>();

    tasks.Add(Component.InvokeAsync("PersonalizedProducts"));
    tasks.Add(Component.InvokeAsync("RecommendedProducts"));
    tasks.Add(Component.InvokeAsync("SuggestedProducts"));
    tasks.Add(Component.InvokeAsync("HomePageProducts"));
    tasks.Add(Component.InvokeAsync("HomePageNewProducts"));
    tasks.Add(Component.InvokeAsync("CategoryFeaturedProducts"));

    await Task.WhenAll(tasks);
}
</div>

The components mentioned above are 100% independent between themselves and do not share anything but a database, which they do no alter since these are fetch-only components...

whats the error you are getting? can you post that

Jawad
– Jawad

2019-12-04 18:45:31 +00:00
Commented Dec 4, 2019 at 18:45 — Jawad
– Jawad, Commented Dec 4, 2019 at 18:45
There is no actual error, the page just comes back blank...

Leonardo
– Leonardo

2019-12-04 19:20:26 +00:00
Commented Dec 4, 2019 at 19:20 — Leonardo
– Leonardo, Commented Dec 4, 2019 at 19:20

Mark McWhirter · Accepted Answer · 2019-12-04 19:00:44Z

1

If you are expecting html output then you will need to add more code to output the html:

<div class="page home-page custom-container d-flex flex-column">
@{
    var tasks = new List<Task>();

    tasks.Add(Component.InvokeAsync("PersonalizedProducts"));
    tasks.Add(Component.InvokeAsync("RecommendedProducts"));
    tasks.Add(Component.InvokeAsync("SuggestedProducts"));
    tasks.Add(Component.InvokeAsync("HomePageProducts"));
    tasks.Add(Component.InvokeAsync("HomePageNewProducts"));
    tasks.Add(Component.InvokeAsync("CategoryFeaturedProducts"));

    await Task.WhenAll(tasks);

    foreach( var t in tasks)
    {
        var var1 = await t;
        @var1;
    }
}
</div>

answered Dec 4, 2019 at 19:00

Mark McWhirter

1,1963 gold badges11 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Leonardo Over a year ago

Almost! the secret was to declare List<Task<Microsoft.AspNetCore.Html.IHtmlContent>>!

Collectives™ on Stack Overflow

Asp.Net View Rendering unexpected output

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related