错误类型错误：无法读取的不确定

Question

财产“长度”有一个在我的代码

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

这部分错误，但是当我检查资产文件夹，gms-logo.png仍然存在，在angular-cli.json，资产也那里。路径也是正确的。

最近，虽然我一直在搜索功能。所以我的假设是，

Has the program started searching even if the user is still not focused on the input type? How do I fix this?

下面是我对搜索HTML和建议部分的表现

<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> 

下面是我的组件

results: Object; 



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

Answer 1

需要初始化你results变量作为一个数组。

在您的组件，添加：

results = []; 

另一种选择是改变您的建议div的*ngIf语句来检查，如果results定义：

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