角2：検索候補に「もっと見る」を追加する

Question

データが最低8に達した場合、どのように「もっと見る」リンクを追加しますか？ *ngForにどのように追加しますか？別の方法はありますか？以下は

あなたが最初の8件の結果を維持し、その後もっと見るリンクを追加するには

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

に<div #seeMore> See More </div>を変更する必要がある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

の私の既存のコードは、ちょうどあなたのngForを修正しています

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

したがって、最初の文字列ts。 sliceメソッドの終了番号9を、それぞれsee moreクリック後にプログラムで更新することをお勧めします。