title: Custom Icons on Ionic Select with ActionSheet Interface (Ionic2)
body: <p>I have an <code>&lt;ion-select&gt;</code> on my app. As follows:</p>
  
  <pre><code>&lt;ion-item&gt;
      &lt;ion-label&gt;Select Example&lt;/ion-label&gt;
      &lt;ion-select [(ngModel)]="value" (ngModelChange)="updateSelectExample($event)" interface="action-sheet"&gt;
          &lt;ion-option *ngFor="let option of options;let index = index" [value]="index"&gt;{{option.name}}&lt;/ion-option&gt;
      &lt;/ion-select&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>The content for the select comes from a JSON in which I have 3 attributes:</p>
  
  <pre><code>{
   "name": "Random1",
   "type": "Any1",
   "icon": "../assets/icon1"
  },
  {
   "name": "Random2",
   "type": "Any2",
   "icon": "../assets/icon2"
  },
  ...
  </code></pre>
  
  <p>I want my select to load the Action Sheet with the options I've brought, but also display the respectvely icon on the side.</p>
  
  <p>I coudn't make it work. The Ionic documentation tells me I can put a </p>
  
  <pre><code>[selectOptions]="selectOptions"
  </code></pre>
  
  <p>On my select to "control" the Action Sheet, but I coudn't relate an option with its icon.</p>
  
  <p>Is there a way to do this or should I replace the select with a Button and create the Action Sheet in the normal way like this:</p>
  
  <pre><code>let actionSheet = this.actionSheetController.create({
        title: 'Test',
        buttons: [
          {
            text: 'Test 1',
            icon: 'check'
          },
          {
            text: 'Test 2',
            icon: 'close'
          }]
      });
  </code></pre>