TypeError: selbst.Kontext.newUser ist nicht definiert, auf Angular2

Wenn ich versuche, um eine Eingabe eingereicht, die auf der Vorlage bekomme ich diese errr TypeError: self.context.newUser is undefined

dies ist die Komponente

import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { User } from './user';
import { UserService } from './user.service';


@Component({
  selector: 'vista3',
  templateUrl: 'app/vista3.component.html',
  styleUrls:['app/vista3.component.css']
})

export class Vista3Component implements OnInit{
  users: User[] = [];
  newUser: User;

  constructor(
    private router: Router,
    private userService: UserService) {
  }

  ngOnInit(){
    this.userService.getUsers().then( users => this.users = users);
  }
}

die Vorlage

<div  class="separar">
  <table class="table table-striped">
      <tr>
        <th>Nombre</th>
        <th>Apellido</th>
      </tr>
        <tr *ngFor="let user of users">
          <td>{{user.name}}</td><td>{{user.lastName}}</td>
        </tr>
  </table>
</div>
<div  class="separar">
  <div class="row">
    <div class="col-xs-12 col-md-3">
      Nombre: <input [(ngModel)]="newUser.name"/>
    </div>
  </div>
</div>

und der user-Klasse

export class User{
  name: string;
  lastName: string;
}

Ich weiß nicht, was mir fehlt ,angular2 und Typoskript neu für mich, wenn jemand cann sehe das problem...

  • newuser:User={};
InformationsquelleAutor AFS | 2016-07-29
  1. 3

    1. Es sieht nicht wie Sie überhaupt möglich etwas zu newUser Klasse.

    2. Den Fehler im trigger in der Zeile [(ngModel)]="newUser.name".

    Versuchen, Sie name aus undefined. Ich würde empfehlen, mit ?. Betreiber.

    <input [(ngModel)]="newUser?.name"/>

    - Und auch ein leerer Benutzer im Konstruktor:

      constructor(
    private router: Router,
    private userService: UserService) {

    this.newUser = new User;
  }
    • Tatsächlich, Sie brauchen nicht ?. operator, wenn Sie initialisieren newUser im Konstruktor.
    • was bedeutet ?. Betreiber bedeutet?Ich havn ' T gefunden auf der doc
    • es heißt elvis Betreiber. Weitere Informationen unter: syntaxsuccess.com/viewarticle/elvis-operator-in-angular-2.0
    • Sehr hilfreich ,danke
    InformationsquelleAutor Andrei Zhytkevich
  2. 0

    Müssen Sie intiliaze newUser zunächst damit zu tun newUser.name

    Können Sie intiliaze wie

    newUser: User = new User();

    und ändern Sie die User-Klasse als, indem ein Konstruktor 

    export class User{
    constructor(
        public name?: string,
        public lastName?: string
    ) { }
}

    Hoffe das hilft

    InformationsquelleAutor Abdul Moiz Khan
Schreibe einen Kommentar