angular - In angular2 how do you do an ngEnter on a forms input box so that it calls a function -

in angular2 how do ngenter on forms input box calls function?

i cant seem (keyup.enter) working. let me know if need import thing.

this form:

<form autocomplete="off" class="bs-component padding-top-20" role="form" #form="ngform">                         <div class="form-group">                              <input class="form-control" type="email" value="" name="email" placeholder="email" [(ngmodel)]="email" (keyup.enter)="test()" required />                                         </div>                          <a class="btn btn-default pink col-xs-12" type="submit" [routerlink]="['/register', {id: email}]">                         join</a>                                                     </form> 

this function in component:

  test = (): void => {     console.log("test");   } 

the thing need import formsmodule. shouldn't prevent (keyup.enter) working though. worth works me (plunkr):

import { component, ngmodule } '@angular/core'; import { browsermodule } '@angular/platform-browser'; import { formsmodule } '@angular/forms';  @component({   selector: 'my-app',   template: `     <form>      <input name="name" [(ngmodel)]="form.name" (keyup.enter)="onenter()">      <pre> {{ form | json }}      </pre>     </form>   `, }) export class app {   form = {     name: "name"   };    onenter() {     alert('enter');   } }  @ngmodule({   imports: [ browsermodule, formsmodule ],   declarations: [ app ],   bootstrap: [ app ] }) export class appmodule {}