COMO USAR NGIF

Como mudar o type do input de acordo com o tipo de dado no banco?

Como mudar o type do input de acordo com o tipo de dado no banco?

Leia mais sobre: case data type input angular
Uso o *ngIf na view comparando o tipo de dado vindo do banco, assim:

Abaixo segue os exemplos de input na view.

<input type="date" *ngIf="linha.tipo == 'date'" class="form-control" id="{{linha.coluna}}" #input value="{{linha.valor}}" placeholder="Informe o Conteúdo sobre {{ linha.coluna }}" />

<input type="number" *ngIf="linha.tipo == 'int4'" class="form-control" id="{{linha.coluna}}" #input value="{{linha.valor}}" placeholder="Informe o Conteúdo sobre {{ linha.coluna }}" />

<input type="text" *ngIf="linha.tipo == 'numeric'" class="form-control" id="{{linha.coluna}}" #input value="{{ linha.valor }}" placeholder="0,00"  />

Nos exemplos acima o input só irá aparecer quando o campo for de determinado tipo de dado date, int4 ou numeric.

Sendo usado o type para o tipo date, date mesmo, para int4 number e para numeric text. Pois os tipos de dados do html não são os mesmos do banco por isso no numeric do banco uso o text que seria varchar ou seja qualquer texto, string.

Essas informações que formam a linha vem do banco de dados. É feito uma query que pega o column_name e o data_type e coloco ele no array linhas que dá origem ao linha com ngFor.



Leia mais sobre: case data type input angular

como usar ngif no angular?

Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Descubra como criar experiências imersivas para o metaverso usando tecnologias web como WebXR e WebGL. Aprenda como preparar seu site para o futuro da internet com APIs de RA e RV.
Metaverso e o futuro da web
Quer deixar seu site mais profissional e memorável?

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.
como colocar ícone no html
Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Embora o Google AdSense seja amplamente conhecido, o Adsterra oferece vantagens significativas. Para saber como o Adsterra pode revolucionar seus ganhos online, leia nosso artigo completo.
Adsterra ou AdSense: Qual é Melhor para Monetizar
botão de compartilhamento whatsapp botão de compartilhamento no twiter botão de compartilhamento do site botão de compartilhamento no linkedin botão de compartilhamento whatsapp