1
resposta

Erro na hora de autenticar

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeBoa tarde,

Informo que a pagina está carregando o formulário e não está carregando a página

Login-page.componen.ts:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-login-page',
  templateUrl: './login-page.component.html',
  styleUrls: ['./login-page.component.css']
})
export class LoginPageComponent implements OnInit {
  contaUser= '';
  password= '';

  constructor() { }

  ngOnInit(): void {
  }

  login(){
    console.log(this.contaUser);
    console.log(this.password);
  }
}

authenticate.service.ts

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class AuthenticateService {

  constructor(private httpClient: HttpClient) { }

  authenticate(contaUser: number, password: string): Observable<any>{
    return this.httpClient.post('http://localhost:3000/contaUser/login',{
        contaUser: 1000,
        password: "senha",
    })
  }
}

home-routing.module.ts

    import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class AuthenticateService {

  constructor(private httpClient: HttpClient) { }

  authenticate(contaUser: number, password: string): Observable<any>{
    return this.httpClient.post('http://localhost:3000/contaUser/login',{
        contaUser: 1000,
        password: "senha",
    })
  }
}
1 resposta

Olá Lucas, tudo bem com você?

Peço desculpas pela demora em obter um retorno.

Apenas com o código fornecido, não foi possível identificar inconsistências. Todavia, o erro que está sendo gerado no console Failed to execute 'setAttribute' is not a valid attribute name. indica que está sendo utilizado o método 'setAttribute' para um atributo desconhecido e o erro também aponta para o arquivo login-page.component.html, que não foi disponibilizado em sua mensagem.

Como não conheço o cenário completo do seu projeto, bem como o código completo do mesmo, deixo abaixo algumas dicas que podem te nortear:

  • Verifique o código onde você está usando o setAttribute e substitua-o pela vinculação de propriedades do Angular. Por exemplo, em vez de elemento.setAttribute('attr', valor), use [attr]="valor" dentro do seu template Angular.
  • Verifique se a variável ou expressão que você está vinculando seja válida e tenha um valor correto.
  • Verifique se há problemas de sintaxe ou caracteres inválidos no seu template HTML. Verifique se todos os atributos e sintaxe estão corretamente fechados e não há caracteres inválidos ou erros de digitação.

Vale ressaltar que como não tenho acesso ao cenário completo e código completo do projeto, outros testes terão de ser feitos a fim de obter o resultado esperado, mas espero que esta resposta seja um bom ponto de partida para a resolução do seu objetivo.

Espero ter ajudado.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!