Блог

Я пытаюсь создать объект todo с именем пользователя и паролем участников для хранения данных, введенных ngmodel. Однако мне не удалось успешно объявить этот объект. Я пытался использовать обозначение стрелок в функции logForm, чтобы ввести это, но, похоже, это не работает. Я думаю, что происходит то, что объект todo не объявляется должным образом.

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

import {BackendDataService} from '../../backend-data.service';

import { map } from 'rxjs/operators';

import { Router } from '@angular/router';

import {LocalStorageService} from '../../local-storage.service';


@Component({
  selector: 'app-loginform',
  templateUrl: './loginform.component.html',
  styleUrls: ['./loginform.component.scss'],
})
export class LoginformComponent implements OnInit {



  
  username: string;

  password: string;
  
  todo: Todo;

  /*
  todo = {

  }
  */


  constructor(private backendDataService: BackendDataService, private router: Router, private storage: LocalStorageService) { 
  //constructor = (private backendDataService: BackendDataService, private router: Router, private storage: LocalStorageService) => {
  
    this.todo = new Todo();
    
    
  
  
  }

  ngOnInit() {

  }
  


  

  
  





  //logForm() {
  logForm = () => {


    var obv;



    //var username;
    //var password;
    let username = "";
    let password = "";

    username = this.todo.username; //<<<<ERROR Property 'username' does not exist on type '{}'.
    password = this.todo.password;

    console.log("username: "   username);
    console.log("password: "   password);




    this.storage.set("username", username);
    this.storage.set("password", password);

    obv = this.backendDataService.postLogin(username, password);

    obv.pipe(map( res => res)).subscribe(data => {

        console.log( data.response);

        console.log("isAuthenticated: "   data.isAuthenticated);

        if (data.isAuthenticated == true)
        {
          console.log("response was successful");


            this.router.navigateByUrl('/home');
            //this.router.navigate(['/home']);

        }

        //console.log(data);

        //console.log(data.balance);

        //this.balance = data.balance;

        //this.name = "elephant";

        //this.bitcoinAddress = data.bitcoinAddress;

    });

    

    
  }

}


class Todo
{

  username: string;

  password: string;
  
  test() {
  
    console.log("TEST RAN<<<<");
  
  }


}
  

вам не нужно этого делать.

 this.todo = new Todo();
  

вы можете напрямую использовать в HTML-файле

 <input [(ngModel)]="todo.username" />
<input [(ngModel)]="todo.password" />
  

вы можете направлять свои TS без инициализации объекта.

 console.log("username: "   this.todo.username);
console.log("password: "   this.todo.password);




this.storage.set("username", this.todo.username);
this.storage.set("password", this.todo.password);
  

такой код не нужен.

 let username = "";
let password = "";

username = this.todo.username; //<<<<ERROR Property 'username' does not exist on type '{}'.
password = this.todo.password;
  

последний пункт, здесь нет необходимости использовать функцию со стрелкой, используйте простую функцию, такую как

 loginForm(){
  // code here
}
  

Попробуйте это.

Сначала удалите это. todo: Todo;

Затем объявите todo следующим образом.

 todo = {
 username: '',
 password: ''
}
  

Попробуйте без использования класса Todo.