How to use onBlur event on Angular2

Question

How do you detect an onBlur event in Angular2  I want to use it with   lt input type  text  gt    Can anyone help me understand how to use it

User · Answer

HTML   lt input name  email  placeholder  Email    blur    event target value removeSpaces  event target value   value    gt    TS  removeSpaces string     let splitStr   string split      join        return splitStr

User · Answer

you can use directly  blur  event in input tag    lt div gt      lt input  value        blur     result    event target value  placeholder  Type Something  gt       result    lt  div gt    and you will get output in  result

User · Answer

Try to use  focusout  instead of  blur

User · Answer

Use  eventName  for while binding event to DOM  basically    is used for event binding  Also use ngModel to get two way binding for myModel variable   Markup   lt input type  text    ngModel    myModel   blur   onBlurMethod    gt    Code  export class AppComponent      myModel  any    constructor        this myModel    123         onBlurMethod       alert this myModel           Demo  Alternative not preferable    lt input type  text   input  blur   onBlurMethod  event target value   gt    Demo    For model driven form to fire validation on blur  you could pass updateOn parameter   ctrl   new FormControl          updateOn   blur     default will be change    validators   Validators required         Design Docs

User · Answer

This is the proposed answer on the Github repo      example without validators const c   new FormControl       updateOn   blur          example with validators const c  new FormControl          validators  Validators required     updateOn   blur        Github   feat forms   add updateOn blur option to FormControls

User · Answer

for reich text editor      public options  Object         charCounterCount  true      height  300      inlineMode  false      toolbarFixed  false      fontFamilySelection  true      fontSizeSelection  true      paragraphFormatSelection  true       events           froalaEditor blur    e  editor    gt    this handleContentChange editor html get

User · Answer

You can also use  focusout  event   Use  eventName  for while binding event to DOM  basically    is used for event binding  Also you can use ngModel to get two way binding for your model  With the help of ngModel you can manipulate model variable value inside your component   Do this in HTML file   lt input type  text    ngModel    model   focusout   someMethodWithFocusOutEvent  event   gt    And in your  component   ts file  export class AppComponent     model  any   constructor       someMethodWithFocusOutEvent       console log  Your method called          Do something here

[javascript] How to use onBlur event on Angular2?

Examples related to javascript

Examples related to angular

Examples related to onblur