Bom Dia! Estou tentando deixar um botão visível apenas quando marco um checkbox, já tentei com ngIf, nf-show, ng-model , mas não dá certo. É possível fazer com diretivas ou somente com função no TS mesmo?
Bom Dia! Estou tentando deixar um botão visível apenas quando marco um checkbox, já tentei com ngIf, nf-show, ng-model , mas não dá certo. É possível fazer com diretivas ou somente com função no TS mesmo?
Fala ai Larissa, tudo bem? Isso pode ser feito de N maneiras, apenas com CSS ou CSS + JS.
O que eu recomendo é CSS + JS, basicamente você precisa adicionar um listener para o evento change no checkbox.
Sempre que ele mudar esse evento vai ser disparado, dai você pega se ele está checado ou não, se sim, você busca o botão na página e adiciona uma classe ou muda o estilo de forma fixa:
const checkbox = document.querySelector(.class-do-checkbox')
checkbox.addEventListener('change', event => {
if (event.target.checked) {
const botao = document.querySelector(.class-do-botao')
botao.style.display = 'block'
}
})Espero ter ajudado