如何将轮播滑块与不是 Blazor 主页的其他页面隔离开来答案

【问题标题】：How do I isolate Carousel slider from other pages that is not the home page in Blazor如何将轮播滑块与不是 Blazor 主页的其他页面隔离开来
【发布时间】：2021-04-02 21:42:48
【问题描述】：

我想要一个包含页眉、正文和页脚的 HTML 结构，并且我希望导航栏和轮播位于页眉部分。

我如何做到这一点，以便当用户导航到另一个页面时，导航栏将出现在另一个页面中，我不希望轮播出现。我该怎么做？

  <header>
    <Navbar/> 
    <carousel/>
  </header>
  <div class="content">
    @Body
  </div>
  <footer>
    This is the footer
  </footer>

【问题讨论】：

“导航到另一个页面...”从哪里？

标签： html asp.net layout components blazor

【解决方案1】：

注入导航管理器并测试主页 uri 条件。

<header>
    <Navbar/> 
@if (isHomePage)
{
    <carousel/>
}
</header>
<div class="content">
    @Body
</div>
<footer>
    This is the footer
</footer>

@code {
    [Inject]
    NavigationManager Navigation { get; set; }

    bool isHomePage => Navigation.Uri == Navigation.BaseUri;
}

【讨论】：

我没想过使用 C# 检查我正在考虑构建 HTML 来完成这项工作。