Cacher is the code snippet organizer for pro developers

<form (submit)="addHobby(hobby.value)">
  <div>
      <label for="hobby">Hobby</label>
      <input type="text" #hobby>
  </div>
</form>

addHobby(){
  console.log(hobby);
  this.hobbies,unshift(hobby); //unshift = add at the beginning
  return false;
}