Handlebars 템플릿에서 HTML 버튼 비활성화하는 방법?

개발
1

handlebars를 사용하는 테마 컴포넌트가 있습니다. 이 컴포넌트는 푸터이며 HTML 폼 버튼을 포함하고 있습니다. 버튼이 클릭된 후 이 버튼을 비활성화해야 합니다. 보통은 꽤 간단한 작업이며, 다음과 같이 작성할 수 있습니다.

<!DOCTYPE html>
<html>
    <body>
        <button onclick="this.disabled=true">Click here</button>
    </body>
</html>

하지만 handlebars 템플릿에 넣으면 동작하지 않습니다. handlebars는 JavaScript를 실행할 수 없기 때문입니다. 따라서 제 질문은, handlebars 템플릿으로 정의된 푸터 컴포넌트의 버튼을 클릭 후 어떻게 비활성화할 수 있는가입니다. handlebars 템플릿에서는 어떤 JavaScript도 실행할 수 없기 때문입니다.

2개의 좋아요