Propriedade hidden Loading Overlay

[cmregazzo]

Bom dia tudo bem?

Gostaria de tirar uma dúvida; Antigamente no Loading Overlay (), tinha uma prorpiedade hidden, que fazia o loading iniciar e encerrar, até utilizei a mesma nos meus antigos projetos.

Pois bem estou fazendo um novo desenvolvimento utilizando o Loading Overlay, e não existe mais essa propriedade hidden.

Incluse em um dos exemplos do Componente, tem o uso do hidden (<po-loading-overlay [hidden]="isHideLoading">).

Gostaria de saber se realmente a propriedade foi retirada o Loading Overlay.

Obrigado

Cristian Regazzo

[anderson-gregorio-totvs]

Olá, Cristian, tudo bem?

A propriedade hidden é um atributo nativo do HTML e não uma propriedade (@input) do po-ui.

Ao utilizar [hidden]="true/false", o Angular aplica o data binding diretamente no atributo nativo do elemento para ocultá-lo ou exibi-lo no DOM conforme a lógica de negócio.

No exemplo citado, o funcionamento é conforme descrito acima:

  isHideLoading = true;  // O loading inicia escondido
  
  connectionTest() {
    const message = 'Connection ok';
    this.isHideLoading = false; // Exibe o loading
    
    // Simulamos uma requisição a API, ao finalizar voltamos a exibir o formulário
    setTimeout(() => {
      this.isHideLoading = true;     // O loading volta a ser escondido
      this.poNotification.success(message);
    }, 450);
  }

A propriedade isHideLoading é inicializada como true e, após a lógica de negócio, a mesma é setada para false.
Fazendo com que o componente seja exibido ou não, utilizando uma propriedade nativa do HTML.