CS HTML Razor @ Html .NavItem In-Line CSS Стиль

Question

Я пытаюсь избежать написания CSS класса и указать стиль для @HTML.NavItem In-Line и ищу способ сделать это.

@Html.NavItem("Card", "Cards", "Card", new { @class = "left-menu-item"})

Я хочу добавить display:none к этому пункту навигации. Не удалось найти никакой помощи для этого в Интернете.

Answer 1

Синтаксис для встроенного стиля - это просто добавление еще одного атрибута к результирующему элементу HTML, точно так же, как атрибут class, который вы добавляете сейчас. Итак, где у вас есть это:

@Html.NavItem("Card", "Cards", "Card", new { @class = "left-menu-item"})

Вы бы сделали это:

@Html.NavItem("Card", "Cards", "Card", new { @class = "left-menu-item", style = "display: none;"})

Этот анонимный объект в new { } может содержать все, что вам нравится, и его свойства станут атрибутами на результирующий элемент HTML. (Единственная причина, по которой class имеет @ раньше, заключается в том, что в C# class уже зарезервированное слово. Этот синтаксис @ сообщает C#, что это идентификатор, а не ключевое слово.)