C# 在Blazor模板visual studio 2019中自动导航两个razor组件
我有两个剃须刀组件,名称分别为“new”和“second”。我如何自动导航它们,我的意思是当有东西要显示时自动导航到新的,当没有东西要显示时,再次自动导航回第二个 这里是新的:@page//新的”C# 在Blazor模板visual studio 2019中自动导航两个razor组件,c#,asp.net-core,visual-studio-2019,blazor,webassembly,C#,Asp.net Core,Visual Studio 2019,Blazor,Webassembly,我有两个剃须刀组件,名称分别为“new”和“second”。我如何自动导航它们,我的意思是当有东西要显示时自动导航到新的,当没有东西要显示时,再次自动导航回第二个 这里是新的:@page//新的” @foreach(var任命在_VisibleAppoints) { @appointment.HeaderText: @foreach(var联系人约会中的人。联系人) { @contactPerson.Gender@contactPerson.Name } 公司:@appointment.Com
@foreach(var任命在_VisibleAppoints)
{
@appointment.HeaderText:
@foreach(var联系人约会中的人。联系人)
{
@contactPerson.Gender@contactPerson.Name
}
公司:@appointment.Company
}
这是标语
这是第二个:@page//第二个”
您可以在new或second中覆盖
@code{}
部分中的OnInitializedAsync()
或OnInitialized()
,并插入导航管理器来帮助您
@inject NavigationManager navigationManager // at the top
///HTML
@code
{
protected override Task OnInitializedAsync()
{
//if something is empty
navigationManager.NavigateTo("/second");
}
}
<div class="SecondP">
<div class="container-fluid">
<div class="row h-100">
<div class="col-sm-6 ">
<video controls="controls" class="ml-auto" autoplay muted loop>
<source src="/Video/TestMovie_small.mp4" type="video/mp4" />
</video>
</div>
<div class="col-sm-6 ">
<TemplatedCarousel Items="AssetImages" TItem="ImageFile" AutoScrollInterval="3" OnCarouselItemClicked="OnCarouselItemClicked" ShowNavigation="false">
<ItemTemplate>
<img class="d-block center" src="@GetImageSource(@context)" alt="@context.FileName">
</ItemTemplate>
</TemplatedCarousel>
</div>
</div>
</div>
</div>
@inject NavigationManager navigationManager // at the top
///HTML
@code
{
protected override Task OnInitializedAsync()
{
//if something is empty
navigationManager.NavigateTo("/second");
}
}