使用Angular搭建Core 3项目时，在JS中保持登录/注册，而不是剃刀视图

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  private loggedIn = false;

  constructor() { }

  login(username: string, password: string): boolean {
    // 在这里实现登录逻辑，验证用户名和密码是否正确
    if (username === 'admin' && password === 'password') {
      this.loggedIn = true;
      return true;
    }
    return false;
  }

  register(username: string, password: string): boolean {
    // 在这里实现注册逻辑，验证注册信息是否合法，并保存到数据库中
    if (username && password) {
      // 保存用户信息到数据库
      return true;
    }
    return false;
  }

  isLoggedIn(): boolean {
    return this.loggedIn;
  }
}

import { Component } from '@angular/core';
import { AuthService } from '路径/AuthService';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent {
  username: string;
  password: string;

  constructor(private authService: AuthService) { }

  login(): void {
    if (this.authService.login(this.username, this.password)) {
      // 登录成功，跳转到其他页面
    } else {
      // 登录失败，显示错误信息
    }
  }
}