Skip to content

Propriedade hidden Loading Overlay #2873

Open

Description

@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

Activity

  1. anderson-gregorio-totvs commented on Jun 16, 2026

    @anderson-gregorio-totvs
    Contributor

    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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    status: awaiting authorAdditional information has been requested from the author

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions