字符串包含无效字符？

Question

我现在正在使用Angular，但不是专家。我正试图创建一个简单的用户登录和密码页面，而不是现在的后端服务。

一旦我输入密码，我想将我的页面路由到仪表板。我正在使用核心UI框架和角色4.有几个错误，但已经在这里的人的帮助下解决了。现在我有一个未被捕获的错误。我如何解决以下错误？

login.component.ts

import { Component } from '@angular/core'; 
import { Router } from '@angular/router'; 
import { DashboardComponent } from '../dashboard/dashboard.component'; 

declare var Dashboard:any; 

@Component({ 
templateUrl: 'login.component.html', 
}) 
export class LoginComponent { 
data: any = {}; 
constructor(private router: Router){} 
formSubmit(){ 
if(this.data.username == "admin" && this.data.password == "admin"){ 
    this.router.navigate([Dashboard]); 
} 
} 
} 

login.component.html

<div class="app flex-row align-items-center" (ngSubmit)="formSubmit()"> 
    <div class="container"> 
    <div class="row justify-content-center"> 
    <div class="col-md-8"> 
    <div class="card-group mb-0"> 
    <div class="card p-2"> 
    <div class="card-block"> 
      <h1>Login</h1> 
      <p class="text-muted">Sign In to your account</p> 
      <div class="input-group mb-1"> 
      <span class="input-group-addon"><i class="icon-user"></i></span> 
      <input type="text" class="form-control" placeholder="Username" [(ngModel)="data.username"]> 
      </div> 
      <div class="input-group mb-2"> 
      <span class="input-group-addon"><i class="icon-lock"></i></span> 
      <input type="password" class="form-control" placeholder="Password" [(ngModel)="data.password" > 
      </div> 
      <div class="row"> 
      <div class="col-6"> 
      <button type="button" class="btn btn-primary px-2">Login</button> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 

Answer 1

您需要定义你的属性的类型。 Object不包含您的属性：

interface YourDataType { 
    username?: string; 
    password?: string; 
} 

export class LoginComponent { 
    data: YourDataType = {}; 
    // .... 
    formSubmit() { 
     if (this.data.username == "admin" && this.data.password == "admin") { // No error 
     } 
    } 
} 

或者，如果你不想定义类型，你可以通过指定类型any退出：

export class LoginComponent { 
    data: any = {}; 
    // .... 
    formSubmit() { 
     if (this.data.username == "admin" && this.data.password == "admin") { // No error 
     } 
    } 
}