title: Add images with <option> in <select> dropdown list in *ngFor
body: <p>Im trying to add image in my dropdown using *ngFor but Im unable to show the image icon, but can show text, Any idea how to solve this ? this is what I had tried :</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>  &lt;form [formGroup]="countryForm"&gt;
            &lt;select formControlName="countryControl" (change)="optionSelected($event.value)"&gt;
            &lt;option [value]="country" *ngFor="let country of countries"&gt;&lt;img class="icon-custom" [src]="country.icon" [alt]="country.viewValue"&gt;{{country.viewValue}}&lt;/option&gt;&lt;/select&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p><strong>ts</strong></p>
  
  <pre><code>      countries = [
          { value: 'xxx-0', viewValue: 'xxx (+xx)', code: 'xx', icon: '../../assets/svg/icon-cc-add-blue.svg' },
          { value: 'yyy-0', viewValue: 'yyy (+yy)', code: 'yy', icon: '../../assets/svg/icon-cc-add-blue.svg' }
  ];
  
    optionSelected(event) {
      this.selectedIcon = event.value.icon;
    }
  </code></pre>
  
  <p>I need to solve this using typesript/angular without using any jquery plugin</p>