# ERROR \<ion-select\> IONIC

**URL:** <https://forum.ionicframework.com/t/error-ion-select-ionic/92808>\
**Category:** ionic-v3\
**Created:** [June 2, 2017, 2:41pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808 "2017-06-02T14:41:07Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![danillo10](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danillo10/32/108584_2.png) [@danillo10](https://forum.ionicframework.com/u/danillo10)\
**Post date:** [June 2, 2017, 2:41pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/1 "2017-06-02T14:41:07Z")

</div>

Runtime Error  
Error in ./ConfigPage class ConfigPage - caused by: Cannot create property ‘buttons’ on string ‘action-sheet’

```auto
<ion-item>
	<ion-label>Toppings</ion-label>
	<ion-select interface="popover" selectOptions="action-sheet">
		<ion-option>Bacon</ion-option>
		<ion-option>Black Olives</ion-option>
		<ion-option>Extra Cheese</ion-option>
		<ion-option>Mushrooms</ion-option>
		<ion-option>Pepperoni</ion-option>
		<ion-option>Sausage</ion-option>
	</ion-select>
</ion-item>

```

---

<div class="post-metadata">

**Author:** ![danillo10](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danillo10/32/108584_2.png) [@danillo10](https://forum.ionicframework.com/u/danillo10)\
**Post date:** [June 2, 2017, 6:03pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/2 "2017-06-02T18:03:34Z")

</div>

Anyone can help me please ?

---

<div class="post-metadata">

**Author:** ![ccdex\_chris](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ccdex_chris/32/106007_2.png) [@ccdex\_chris](https://forum.ionicframework.com/u/ccdex_chris)\
**Post date:** [June 2, 2017, 6:07pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/3 "2017-06-02T18:07:05Z")

</div>

Not having [] around the selectOptions attribute means it’s parsing it like a string, but it should really be interpolating your input, so you need []

`<ion-select interface="popover" [selectOptions]="options">`

and in your component, `options` should be a member variable:

```auto
this.options = {
  title: 'Pizza Toppings',
  subTitle: 'Select your toppings',
  mode: 'md'
};

```

See under the heading **Select Options** for more info:

> **[Ionic Framework](https://ionicframework.com/docs/api/components/select/Select/)**
>
> Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

---

<div class="post-metadata">

**Author:** ![danillo10](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danillo10/32/108584_2.png) [@danillo10](https://forum.ionicframework.com/u/danillo10)\
**Post date:** [June 2, 2017, 6:17pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/4 "2017-06-02T18:17:51Z")

</div>

thanks but here, i have 2 buttons. I need auto select… popover is not autoselect ?

```auto
<ion-item>
	<ion-label>Busca</ion-label>
	<ion-select interface="popover" [selectOptions]="selectOptions">
		<ion-option>Descrição</ion-option>
		<ion-option>Código</ion-option>
		<ion-option>Referência</ion-option>
	</ion-select>
</ion-item>

```

---

<div class="post-metadata">

**Author:** ![ccdex\_chris](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ccdex_chris/32/106007_2.png) [@ccdex\_chris](https://forum.ionicframework.com/u/ccdex_chris)\
**Post date:** [June 2, 2017, 6:32pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/5 "2017-06-02T18:32:15Z")

</div>

ionOption docs: [https://ionicframework.com/docs/api/components/option/Option/](https://ionicframework.com/docs/api/components/option/Option/)

Set the attribute `selected="true"` on one of your `<ion-option>` elements like this:  
`<ion-option selected="true"></ion-option>`

---

<div class="post-metadata">

**Author:** ![danillo10](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danillo10/32/108584_2.png) [@danillo10](https://forum.ionicframework.com/u/danillo10)\
**Post date:** [June 2, 2017, 6:33pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/6 "2017-06-02T18:33:49Z")

</div>

No, i need remove the button ok and cancel…

---

<div class="post-metadata">

**Author:** ![ccdex\_chris](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ccdex_chris/32/106007_2.png) [@ccdex\_chris](https://forum.ionicframework.com/u/ccdex_chris)\
**Post date:** [June 2, 2017, 6:47pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/7 "2017-06-02T18:47:12Z")

</div>

> [@danillo10](#):
>
> \<ion-select interface=“popover” [selectOptions]=“selectOptions”\>

It should be popping up like a popover with no buttons… try:

`<ion-select [interface]="'popover'" [selectOptions]="selectOptions">`

---

<div class="post-metadata">

**Author:** ![danillo10](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danillo10/32/108584_2.png) [@danillo10](https://forum.ionicframework.com/u/danillo10)\
**Post date:** [June 2, 2017, 6:50pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/8 "2017-06-02T18:50:02Z")

</div>

> [@ccdex\_chris](#):
>
> [interface]=“‘popover’”

nothing…i try this…

---

<div class="post-metadata">

**Author:** ![danillo10](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danillo10/32/108584_2.png) [@danillo10](https://forum.ionicframework.com/u/danillo10)\
**Post date:** [June 5, 2017, 10:08am UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/9 "2017-06-05T10:08:43Z")

</div>

anyone ? i need help

---

<div class="post-metadata">

**Author:** ![JohnnyBravoTwist](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@JohnnyBravoTwist](https://forum.ionicframework.com/u/JohnnyBravoTwist)\
**Post date:** [June 22, 2017, 12:34pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/10 "2017-06-22T12:34:07Z")

</div>

I have the same problem:

```
	<ion-select interface="popover" [(ngModel)]="selectedPeriodId" (ionChange)="onPeriodChange()">
		<ion-option *ngFor="let period of periods" [value]="period.id">{{period.name}}</ion-option>
	</ion-select>
```

---

<div class="post-metadata">

**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\
**Post date:** [June 22, 2017, 3:27pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/11 "2017-06-22T15:27:56Z")

</div>

maybe try `value="period.id"` instead of `[value]="period.id"`  
is working in my code

---

<div class="post-metadata">

**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\
**Post date:** [June 22, 2017, 3:31pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/12 "2017-06-22T15:31:38Z")

</div>

also, maybe try giving your ion-select `name="selectedPeriodId"`. For no reason other than that’s how mine is set up and it’s working. Don’t know if it makes a difference programatically.  
I also have my ion-select and ion-option wrapped in one ion-item. Maybe that’ll help

````auto
VENUE
  <ion-select name="venue" interface="action-sheet" [(nmModel)]="venue" (ngModelChange)="modChange($event)">
      <ion-option *ngFor="let venue of venues">
          {{venue}}
           </ion-option>
          </ion-select>
        </ion-item>```
````

---

<div class="post-metadata">

**Author:** ![JohnnyBravoTwist](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@JohnnyBravoTwist](https://forum.ionicframework.com/u/JohnnyBravoTwist)\
**Post date:** [June 25, 2017, 8:16am UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/13 "2017-06-25T08:16:02Z")

</div>

Thanks for your suggestions jaydz, it still isn’t working…

---

<div class="post-metadata">

**Author:** ![JohnnyBravoTwist](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@JohnnyBravoTwist](https://forum.ionicframework.com/u/JohnnyBravoTwist)\
**Post date:** [June 25, 2017, 12:00pm UTC](https://forum.ionicframework.com/t/error-ion-select-ionic/92808/14 "2017-06-25T12:00:09Z")

</div>

upgrading to V3 solved it for me:

> <https://github.com/ionic-team/ionic/issues/11901>