title: How to pop up a modal from click in dropdown list option
body: <p>Good day developers , im working in this app with angular , and now im trying to  once one  of the options 
  get clicked , to show a modal tag .
  Basically what i did was create a paralell template equal to the item selected on the dropdown , and over this template using the a tag i set all the logic to show the modal, but guess isn't user friendly cause of couple extra clicks.Trying to set the a tag inside the options also wasn't viable cause the my dropdown didn't work.Here a mock about what i did:</p>
  
  <pre><code>HTML tag
  
        &lt;select [hidden]="!state" name="optionsInc" required [(ngModel)]="optionsInc" (change)="subItemSelected($event)"&gt;
          &lt;option value="select" [ngValue]="null" [disabled]="true"&gt;Select Income&lt;/option&gt;
          &lt;option *ngFor="let item of allKeysIncomings" label="{{item}}" value="{{item}}"&gt;&lt;/option&gt;
        &lt;/select&gt;====&gt;DROPDOWN LIST LOGIC
  
  
      &lt;p [hidden]="!state"&gt; &lt;a *ngIf="incomeSelected"
        href="#"
        class="btn btn-primary btn-block"
        data-toggle="modal"
        data-target="#editItem"
      &gt;{{incomeSelected}}&lt;/a&gt;
      &lt;/p&gt;====&gt;PARALELL REFERENCE TO POP THE MODAL UP
  
      &lt;div class="modal fade" id='editItem'&gt;======&gt;MODAL 
        SOME TAGS AND CODE
      &lt;/div&gt;
  
  </code></pre>
  
  <p>then on my component i did this :</p>
  
  <pre><code>imports...
  
  @Component({
    selector: 'app-user-sheet-balance',
    templateUrl: './user-sheet-balance.component.html',
    styleUrls: ['./user-sheet-balance.component.css'],
  })
  export class UserSheetBalanceComponent implements OnInit {
  
  allKeysIncomings: any;==&gt;ITERABLE
  incomeSelected: string;
  
  constructor(some code) {}
  
  ngOnInit(): void {some code}
  
    async subItemSelected(event) {
      SOME CODE
        return (
          await (this.incomeSelected = event.target.value),
       );
    }
  </code></pre>
  
  <p>All this process does the task on activate the modal once i click the tag a, but instead of creating that paralell reference to the dropdown, im wondering if is possible to do it straight from the dropdown in fact.
  I have been watching some similar issues on the comunity like 
  :<a href="https://stackoverflow.com/questions/48349426/open-a-modal-using-an-option-from-a-dropdown-angular-2-ngx">Open a Modal Using an Option from a Dropdown - Angular 2 + ngx</a>
  but doesn't work on my code specifications.
  Any updated idea about this ?.Thanks in advance!!!!!!</p>