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?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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