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

Question

这是我的搜索页面。 当我搜索引用号时，我需要在搜索结果页面中显示referencenumber。 （ORDERNUMBER）

如何使用输入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响应或网址参数中选择参考编号，然后使用{{ referenceNumber }}在视图中访问该参考编号。通过应用所需的CSS类，在任何地方以HTML格式显示它。