Angular-Solr Simple Search Method

solr-search.component.html

<form (ngSubmit)="search()" #searchForm="ngForm">
  <input type="search" name="term" [(ngModel)]="term">
  <button type="submit">Suchen</button>
</form>
<ul>
  <li *ngFor="let result of results ">
    {{result.name}}
  </li>
</ul>

solr-search.component.ts

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'app-solr-search',
  templateUrl: './solr-search.component.html',
  styleUrls: ['./solr-search.component.css'],
  encapsulation: ViewEncapsulation.None
})
export class SolrSearchComponent implements OnInit {

  readonly solrURL = 'http://192.168.99.100:8983/solr/demo/select';
  results: Array<any>;
  term: string = '';
  constructor(private http: HttpClient) { }

  ngOnInit() {
  }

  search() {
    this.http.get<any>(this.solrURL + '?df=features&q=' + this.term).subscribe(
      (data) => this.results = data.response.docs
    );
  }

}

https://jensbinfet.de/blog/tutorial-eine-einfache-angular-solr-komponente-entwickeln/