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