如何将值传递给需要 Class 的 function

Question

所以我有一种在我的 firebase 数据库上创建用户的方法，它需要一个特定的 model 的实例。

但我不知道如何将这些值组合起来，然后作为该类型传递给 function。

import { Component, OnInit } from '@angular/core';
import { Entry } from '../entry.model';
import { MemberService } from 'src/app/member.service';
import { Member } from 'src/app/member.model';
@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
  entry: Entry;
  member: Member;
  constructor(private memberservice: MemberService) { }

  ngOnInit(): void {
  }
//function being called from front end button with input fields that pass values
  create(surName: string, pass: string, color: string){
     //Should call createMember();
     //Id,Priority gets set here not by the user
  }

服务 function：

  createMember(member: Member){
    return this.firestore.collection('members').add(member);
  }

Model

export class Member {
    id: string;
    surname: string;
    color: string;
    password: string;
    priority: number;
}

Answer 1

这是一个更适合 TS接口而不是 class 的实例。 接口支持类型检查，没有 class 不必要的“膨胀”。

尝试以下

Model

export interface Member {
  id: string;
  surname: string;
  color: string;
  password: string;
  priority: number;
}

然后，您可以创建一个Member类型的 object 。

export class RegisterComponent implements OnInit {
  ...

  // Function being called from front end button with input fields that pass values
  create(surName: string, pass: string, color: string) {
     const member = {
       id: <set id>,
       surname: surName,
       color: color,
       password: pass,
       priority: <set priority>       
     } as Member;

     this.memberservice.createMember(member)
       .then((res) => console.log('Set member with ID:', id)
       .catch((error) => console.log('Error setting member:', id);
  }
}