如何将值传递给需要Class的函数

debugcn 发表于 Dev

BeepBopImaRobot

所以我有一种方法可以在我的Firebase数据库上创建用户，它需要特定模型的实例。

但是我不知道如何将这些值组合起来，然后以那种类型传递给函数。

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
  }

服务功能：


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

该模型

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

迈克尔·D

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

尝试以下

模型

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

然后，您可以创建类型的对象Member。

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);
  }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。