Как изолировать слайдер Carousel от других страниц, которые не являются домашней страницей в Blazor

Я хочу иметь структуру HTML, в которой есть верхний, основной и нижний колонтитулы, и я хочу, чтобы панель навигации и карусель находились в разделе заголовка.

как мне сделать так, чтобы когда пользователь переходил на другую страницу, а панель навигации отображалась на другой странице, я не хочу, чтобы карусель появлялась. Как я могу это сделать?

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

"перейти на другую страницу..." откуда?

— 24.12.2020 14:49

html asp.net layout components blazor

24.12.2020 13:26

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

102

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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;
}

Я не думал проверять с помощью С#, я думал о структурировании HTML для выполнения этой работы.

— 26.12.2020 00:06

24.12.2020 15:06