Angular2在按钮单击时验证表单

在Angular 2中实现按钮单击时的表单验证

html
  
    用户名：
    
  
  
    密码：
    
  
  登录

typescript
import { Component } from '@angular/core';
@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent {
  username: string = '';
  password: string = '';
  submitForm() {
    // 验证表单
    if (this.validateForm()) {
      // 表单验证通过，执行登录逻辑
      console.log('登录成功！');
    } else {
      // 表单验证失败，显示错误信息
      console.log('请填写正确的用户名和密码！');
    }
  }
  validateForm(): boolean {
    // 自定义表单验证逻辑
    return this.username !== '' && this.password !== '';
  }
}