Angular 2：添加＆＃34;查看更多＆＃34;在搜索建议中

Question

如何添加＆＃34;查看更多＆＃34;如果数据达到最小值8，则链接？你将如何将其追加到*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)"

所以你只打印初始结果。您可能希望在每次9点击后以编程方式更新slice方法的结束号see more。