Razor를 사용해 HTML5에서 데이터 속성을 생성하세요

작은 쓰레기 같은 놈들 · 게시됨 2019. 3. 19. 오후 1:04:48

HTML5에서는 data-속성을 사용해 사용자 데이터를 표현할 수 있으며, JSON 형식의 데이터도 가능해 웹 프론트엔드 개발에 매우 편리합니다.

MVC의 Razor에서는 익명 객체를 사용해 사용자 정의 속성을 생성할 수 있지만, Razor의 구문 검사를 통과할 수 없습니다.

로그인이 보이네요.

컴파일러는 오류를 직접 보고합니다. 현재 맥락에서는 '데이터'라는 이름이 존재하지 않는데, 그 이유는 - 기호가 연산자로 사용되기 때문입니다.
실제로 HtmlHelper에서 제공하는 AnonymousObjectToHtmlAttributes라는 메서드가 이 문제를 해결할 수 있으며, 아래에 그 메서드의 설명이 나와 있습니다.

지정된 HTML 속성에서 밑줄(_) 문자를 하이픈(-)으로 대체합니다.

익명 객체에서 마이너스 부호(-) 대신 밑줄(_)을 직접 사용할 수 있으며, HtmlHelper는 렌더링에서 밑줄을 마이너스 부호로 대체합니다.

예를 들어, 다음과 같은 글쓰기

로그인이 보이네요.

다음 HTML5 마크업이 생성됩니다.

로그인이 보이네요.

[ASP.NET] Razor를 사용해 HTML5에서 데이터 속성을 생성하세요

관련 게시물

본 섹션