Angular 2：在搜索建議中添加「See More」

Question

如果數據達到最小值8，如何添加「See More」鏈接？你將如何將它追加到*ngFor？有沒有其他的方法？

下面是我在html

<div class="suggestion" *ngIf="results.length > 0 && suggest === true"> 
     <div *ngIf="results.length < 9; else seeMore"> 
      <div *ngFor="let result of results" class="search-res" > {{result.name}} </div> 
     </div> 
     <div #seeMore> See More </div> 
</div> 

Answer 1

您需要更改<div #seeMore> See More </div>到

<ng-template #seeMore> 
    <div>See More</div> 
</ng-template> 

只保留前8個結果，然後現有的代碼追加看到更多的鏈接只是糾正你的ngFor與

*ngFor="let result of results.slice(1,9)" 

因此，您將只打印最初resul TS。您可能需要在每次點擊see more之後以編程方式更新slice方法的結尾編號9。