title: Angular 2 how can i add click event inside option?
body: <p>This is my html,When i click option <code>"new-item"</code> it will open <strong>input type box</strong> , and then i enter value it want to add to select option</p>
  
  <pre><code>&lt;form (submit)="addItem()"&gt;
      &lt;input type="text" [(ngModel)]="add.name" name="name"&gt;
      &lt;input type="text" [(ngModel)]="add.price" name="price"&gt;
      &lt;input type="text" [(ngModel)]="add.description" name="description"&gt;
      &lt;select [(ngModel)]="add.type" name="room-type"&gt;
          &lt;option [value]="c"&gt;Select&lt;/option&gt;
          &lt;option&gt;BreakFast&lt;/option&gt;
          &lt;option&gt;Lunch&lt;/option&gt;
          &lt;option&gt;Dinner&lt;/option&gt;
          &lt;option&gt;&lt;button (click)="addSelect()"&gt;Add-item&lt;/button&gt;&lt;/option&gt;
          &lt;input *ngIf='edited' type="text" &gt;
     &lt;/select&gt;
  </code></pre>
  
  <p><strong>and my type script is,</strong></p>
  
  <pre><code>addSelect() {
          this.edited = true;
  }
  constructor() {
      this.edited = false;
  }
  </code></pre>