Автоматически считывать путь к странице Razor в меню навигации

Что я хочу сделать, так это прочитать путь, указанный в атрибуте @page каждой страницы Razor, чтобы сослаться на него в меню навигации. Чтобы не приходилось вручную переделывать href, когда по какой-либо причине я хочу изменить URL-адрес.

Однако я не нашел способа прочитать атрибут страницы из компонентов, я что-то упустил или есть другой способ сделать это?

Просто чтобы визуализировать то, что я хочу, вот как это должно примерно выглядеть в конце:

<div class = "nav-item px-3">
    <NavLink class = "nav-link" href=UploadPage.page>
        <span class = "oi oi-data-transfer-upload" aria-hidden = "true"></span> Content Upload
    </NavLink>
</div>

Что вы ищете ? Механизм, который позволяет вам читать шаблоны маршрутов всех маршрутизируемых компонентов до того, как ваш компонент MainLaout будет отрендерен? Или способ получить шаблон маршрута маршрутизируемого компонента, который будет отображаться непосредственно перед визуализацией компонента MainLaout?

enet 06.05.2022 21:09
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
1
25
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Инфраструктура blazor не предоставляет никаких API-интерфейсов публичный*, чтобы делать то, что вы хотите. Возможно, вы могли бы опубликовать сообщение на гитхаб в качестве запроса функции.

* Внутри таблица маршрутов создается путем сканирования ваших сборок на наличие RouteAttribute.

Сказав это, существует этот пост в блоге об использовании генераторов исходного кода для чтения RouteAttribute каждого компонента и создания навигационного меню для вас. К сожалению, чтобы использовать его, вы должны отключить генерацию исходного кода бритвы, чтобы сделать это в настоящее время, поскольку генераторы исходного кода не могут видеть выходные данные других генераторов исходного кода. Надеюсь, в будущем мы сможем использовать генераторы исходного кода с компилятором razor (Вот проблема, отслеживающая это).

Хм, автоматическая генерация на самом деле не вариант, так как я хочу сохранить свои отдельные значки :/

Christian O. 06.05.2022 14:35
Internally, a route table is generated by scanning your assembilies for RouteAttribute И это один из вариантов, который он может использовать...
enet 06.05.2022 21:13

Верно, здесь — это исходный код для получения атрибутов маршрута из сборки, а здесь — это исходный код для получения шаблона маршрута.

Jesse Good 06.05.2022 23:12
Ответ принят как подходящий

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

Навменю:

        <div class = "nav-item px-3">
            <NavLink class = "nav-link" href = "@(PathTo<MyRazorPage>())">
                <span class = "oi oi-book" aria-hidden = "true"></span> My ePaper
            </NavLink>
        </div>

Разрешающая функция:

private string PathTo<T>()
{
    var attributes = typeof(T).GetCustomAttributes(typeof(Microsoft.AspNetCore.Components.RouteAttribute), inherit: false);
    var route = (Microsoft.AspNetCore.Components.RouteAttribute) attributes[0]; 
    return route.Template;
}

Другие вопросы по теме