如何解决属性在离子打字稿上不存在
我正在尝试使用成员的用户名和密码创建一个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 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 = {
username: '',password: ''
}
尝试不使用Todo类。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。