pigallery2/frontend/app/gallery/search/search.gallery.component.html

<div class="col-sm-4 col-md-5 pull-right">
    <form class="navbar-form" role="search">
        <div class="input-group">
                <input type="text" class="form-control" placeholder="Search" (keyup)="getSuggestions($event)" (blur)="onFocusLost($event)"
                       name="srch-term" id="srch-term" autocomplete="off" >

                <div class="autocomplete-list" *ngIf="autoCompleteItems.length > 0" >
                    <div class="autocomplete-item" *ngFor="let item of autoCompleteItems">
                        {{item.preText}}<strong>{{item.highLightText}}</strong>{{item.postText}}
                    </div>
                </div>

            <div class="input-group-btn" style="display: block">
                <button class="btn btn-default dropdown-toggle" type="button"><i class="glyphicon glyphicon-search"></i>
                </button>
            </div>
        </div>
    </form>
</div>