generator-search.component.html

<div class="generator-main" id="findGenerator">
    <div class="col-md-6 mx-auto mt-4">
        <h4 class="text-center mb-3">Search for a Generator</h4>
        <form>
            <div class="form-group">
                <label for="exampleInputGenerator1"></label>
                <input type="generator" class="form-control" id="exampleInputGenerator1" aria-describedby="emailHelp"
                    placeholder="Enter generator">
            </div>
            <a routerLink="/generator-search"><button type="submit" class="btn btn-primary">Search</button></a>
        </form>
        <ul>
            <li *ngFor="let generator of generators$">
                <a routerLink="/statistics/{{generator.gen_id}}">
                    {{ generator.gen_name }}
                </a>
            </li>
        </ul>



    </div>


</div>