使搜索词在搜索结果页面上显示为标签

Question

这是我的搜索页面。 当我搜索参考编号时，我需要在搜索结果页面中显示参考编号。 （订单号）

如何使用输入 id 将其显示为标签或类似的东西？

<div class="input-group referenceInput">
    <input id="referenceNumber" class="form-control" type="text" [(ngModel)]="referenceNumber" required name="referenceNumber">
    <span class="input-group-btn">
        <button class="btn btn-default" (click)="getByRefNum()">
            <span class="glyphicon glyphicon-search glyph-m-r"></span>
        </button>
    </span>
</div>

Answer 1

我假设您将有单独的结果页面，并且参考号将作为请求参数传递给 API。您可以将此参考编号传递给 URL 参数中的结果页面。 获取结果后，您可以从 API 响应或 URL 参数中选择参考号，并使用 {{ referenceNumber }} 在您的视图中访问它。通过应用所需的 CSS 类，在任何你喜欢的地方以 HTML 显示它。