The HTML takes in all the output and stores them into variables inside my ts. Now there's a button (I don't know how to call it but it wasn't created in a "container" with the user inputs) that was created using all the way at the end of the html. The button has a function that takes in the information and do what it does. So I've tested that the button is independent, and even if no user input is added, it'll still run but won't return a output. I concluded that "enter" event implementation would not be a problem. But it is not working no matter what I try. 

I have tried adding the ng-keypress into the div class at the very top. I have tried putting it in the button tag. I haven't tried the directive way because I don't know where to put the directive, and most people said ng-keypress is built in directive and it should work.

''' 

```
<button class="btn btn-primary float-left" (click)="submitSearch()">Search</button>

 </div>'''

```

''' 

```
<button class="btn btn-primary float-left" (click)="submitSearch()"ng-keypress= "submitSearch()">Search</button>

 </div>'''

```

for the second line, i expect the ng-keypress to atleast print on console, but nothing shows up.