Hinzufügen von Elementen in array-Winkel 4

Habe ich folgenden code

export class FormComponent implements OnInit {
name: string;
empoloyeeID : number;
empList: Array<{name: string, empoloyeeID: number}> = []; 
  constructor() {

   }

  ngOnInit() {
  }
onEmpCreate(){
  console.log(this.name,this.empoloyeeID);
this.empList.push.apply(this.name,this.empoloyeeID);
this.name ="";
this.empoloyeeID = 0;
}
}

aber das wirft Fehler

CreateListFromArrayLike genannt, die auf nicht-Objekt

Außerdem ist es eine Möglichkeit zum erstellen von benutzerdefinierten Klasse und verwendet Objekt-Liste statt array definieren über hier.

Dank

InformationsquelleAutor Md. Parvez Alam | 2017-11-03

  1. 9

    Ja, es ist ein Weg, es zu tun.

    Zuerst deklarieren Sie eine Klasse.

    //anyfile.ts
export class Custom
{
  name: string, 
  empoloyeeID: number
}

    Dann in die Komponente importieren Sie die Klasse

    import {Custom} from '../path/to/anyfile.ts'
.....
export class FormComponent implements OnInit {
 name: string;
 empoloyeeID : number;
 empList: Array<Custom> = [];
 constructor() {

 }

 ngOnInit() {
 }
 onEmpCreate(){
   //console.log(this.name,this.empoloyeeID);
   let customObj = new Custom();
   customObj.name = "something";
   customObj.employeeId = 12; 
   this.empList.push(customObj);
   this.name ="";
   this.empoloyeeID = 0; 
 }
}

    Andere Möglichkeit wäre, Schnittstellen Lesen Sie die Dokumentation, die einmal https://www.typescriptlang.org/docs/handbook/interfaces.html

    Auch Kasse diese Frage, es ist sehr interessant - Wenn, um Schnittstelle zu verwenden und das Modell im Typoskript /Angular2

    Es sagt Brauch.ts ist nicht ein Modul
    Ich denke, dass Sie versuchen, zu importieren, aus Gewohnheit.ts-Datei, wo genau haben Sie Ihre Benutzerdefinierte Klasse?
    Vielen Dank, Neustart viele Male vs code gearbeitet. Sehr, sehr, danken Ihr für andere refrences

    InformationsquelleAutor Srinivas Valekar

  2. 3

    Ihre empList ist Objekt-Typ, aber Sie versuchen, push-strings

    Versuchen, diese

    this.empList.push({this.name,this.empoloyeeID});

    InformationsquelleAutor Saurabh Agrawal

  3. 2

    Push-Objekt in ein array. Versuchen Sie dies:

    export class FormComponent implements OnInit {
    name: string;
    empoloyeeID : number;
    empList: Array<{name: string, empoloyeeID: number}> = []; 
    constructor() {}
    ngOnInit() {}
    onEmpCreate(){
        console.log(this.name,this.empoloyeeID);
        this.empList.push({ name: this.name, empoloyeeID: this.empoloyeeID });
        this.name = "";
        this.empoloyeeID = 0;
    }
}
    richtig arbeiten

    InformationsquelleAutor Faly

Schreibe einen Kommentar