Differences between value and ngValue in Angular 5

Question

Today I realized about an unexpected (for me) behaviour of the reactive forms in Angular 5. The server was receiving from the app an string with the value "null" i

Answer 1

ngValue is valuable when you need to bind to object in the object collection instead of string that is displayed by option element as an example as follows.

  
    {{color.name}}
  

where

  colors: [{code:'#FF0000', name:'Red'}, {code:'#00FF00', name:'Green'}, {code:'#0000FF', name:'Blue'}];

selectedColor is one of the color object above.