FEHLER TypeError: Cannot read property 'Länge' undefined

Es ist ein Fehler in diesem Teil von meinem code

<img src="../../../assets/gms-logo.png" alt="logo" routerLink="/overview" alt="website icon">

Aber wenn ich überprüft den Ordner "assets", gms-logo.png ist immer noch da und in angular-cli.json, Vermögen ist auch dort. Der Pfad ist auch richtig.

Vor kurzem, obwohl, ich habe mit der Suche-Funktion. Also meine Hypothese ist,

Wurde das Programm begann mit der Suche, auch wenn der Benutzer noch nicht konzentriert auf den Eingang geben? Wie kann ich dieses Problem beheben?

Unten ist mein html-Code für die Suche und die Anzeige von seinem Vorschlag segment

<input type="text" placeholder="Search" (keyup)="onSearch($event.target.value)">        
<div class="suggestion"  *ngIf="results.length > 0">
     <div *ngFor="let result of results ">
          <a href="" target="_blank">
                {{ result.name }}
          </a>
     </div>
</div>

Unten ist meine Komponente

results: Object;



 onSearch(name) {
            this.search
            .searchEmployee(name)
            .subscribe(
                name => this.results = name,//alert(searchName),this.route.navigate(['/information/employees/']),
                error => alert(error),
                );
}
Sie können auf Ihre img wie diese "assets/gms-logo.png"

InformationsquelleAutor Char | 2017-06-22

  1. 9

    Müssen Sie initialisieren Ihre results variable als array.

    In Ihrer Komponente hinzufügen:

    results = [];

    Andere Möglichkeit ist die änderung der Vorschlag div ' s *ngIf Anweisung, um zu überprüfen, ob results definiert ist: 

    <div class="suggestion"  *ngIf="results">
   <div *ngFor="let result of results ">
          <a href="" target="_blank">
                {{ result.name }}
       </a>
   </div>
</div>
    Danke. Ich habe eingestellt, dass das Ergebnis in ein Objekt. Das ist, warum. Dank
    Kein problem - halten Sie es!
    Eine weitere option: results?.length > 0.

    InformationsquelleAutor Levi Fuller

  2. 2

    Der safe navigation operator ( ?. ) und null-Eigenschaft Pfade

    Den Winkel-safe navigation operator (?.) ist eine fließende und bequeme Möglichkeit zum Schutz gegen null-und undefined-Werten im property-Pfade. Hier ist es, zum Schutz gegen eine Ansicht Rendern Versagen, wenn die currentHero null ist.

    Also in Ihrem Beispiel können Sie auch Die safe navigation operator ( ?. ):

    <div class="suggestion"  *ngIf="results?.length > 0">
    <div *ngFor="let result of results ">
        <a href="" target="_blank">
            {{ result.name }}
        </a>
    </div>
</div>

    InformationsquelleAutor Šime Tokić

  3. 0

    können Sie nur initialisieren Sie das array in der Erklärung :

        result: Array<any>;

    wenn die probleme Stil persiste sollten Sie überprüfen, von null in der Methode lik :

    onSearch(name) {
        this.search
        .searchEmployee(name)
        .subscribe(
            name =>
if(name!=null){
this.results = 
name,//alert(searchName),this.route.navigate(['/information/employees/']),
}

            error => alert(error),
            );
}

    InformationsquelleAutor Othmane Daanouni

Schreibe einen Kommentar