input-example.component.ts

@Component({
  selector: 'friend-tour',
  template: `
    <input #newFriend
      (keyup.enter)="addFriend(newFriend.value)"
      (blur)="addFriend(newFriend.value); newFriend.value='' ">

    <button (click)="addFriend(newFriend.value)">Add</button>

    <ul><li *ngFor="let friend of friends">{{friends}}</li></ul>
  `
})
export class FriendTourComponent {
  friends = ['Sophie', 'Tim', 'Jake', 'Steve'];
  addFriend(newFriend: string) {
    if (newFriend) {
      this.friends.push(newFriend);
    }
  }
}