[블레이저] 동적으로 렌더링되는 태그 속성

HTML 태그의 속성(attribute) 중에는 유무에 따라 적용되는 것들이 있습니다.

<button disabled>저장</button>

Html 에서는 disabled 속성에 값을 할당할 수 없고, disabled 속성이 있으면 적용되고, 없으면 적용되지 않습니다.

블레이저는 이 속성을 동적으로 렌더링하는 기능이 있는데, 이 기능을 사용하려면 속성에 bool 값을 할당하면 됩니다.

@foreach(var n in Enumerable.Range(1, 10))
{
   var isEven = n%2 == 0;
   <button disabled="isEven">@(n)</button>
}

블레이저는 속성에 할당된 값이 true면 아래와 같이 렌더링하고,

 <button disabled> // ...

false면, 아래와 같이 렌더링합니다.

 <button> // ...

이렇게 동적으로 렌더링되는 속성에는 아래와 같은 것들이 있습니다.

  • disabled
  • readonly
  • checked
  • selected
  • autofocus
4개의 좋아요