Cacher is the code snippet organizer for pro developers

@Component({
  selector: 'my-app',
  template: `
    <ul>
     <li *ngFor="let recipient of recipients">
      {{recipient}}
     </li>
    </ul>
    <input type="text" placeholder="Recipient" #input />
    <button (click)="addRecipient(input.value)">Add recipient</button>
    <p>Number of recipients: {{recipients.size}}</p>
  `,
})

export class App {
  constructor() {
    this.recipients = new Set();
  }

  addRecipient(recipient) {
    this.recipients.add(recipient);
  }
}