# How to set ion-searchbar placeholder dynamically

**URL:** <https://forum.ionicframework.com/t/how-to-set-ion-searchbar-placeholder-dynamically/156905>\
**Category:** Ionic Framework\
**Created:** [February 20, 2019, 8:52am UTC](https://forum.ionicframework.com/t/how-to-set-ion-searchbar-placeholder-dynamically/156905 "2019-02-20T08:52:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![DavidvZ](https://avatars.discourse-cdn.com/v4/letter/d/49beb7/32.png) [@DavidvZ](https://forum.ionicframework.com/u/DavidvZ)\
**Post date:** [February 20, 2019, 8:52am UTC](https://forum.ionicframework.com/t/how-to-set-ion-searchbar-placeholder-dynamically/156905/1 "2019-02-20T08:52:04Z")

</div>

I would like to have a generic search bar component but can’t figure out how to set the placeholder through binding or interpolation. Is this possible and if so how?

Found this -

> [@Placeholder on ion-searchbar not working](https://forum.ionicframework.com/t/placeholder-on-ion-searchbar-not-working/54786):
>
> After upgrade to beta8, placeholder attribute from ion-searchbar is not working \<ion-searchbar\> [placeholder]="Busca" \> The input’s placeholder shown is “Search”, the default value. Cordova CLI: 6.1.1 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic Version: 2.0.0-beta.8 Ionic CLI Version: 2.0.0-beta.23 Ionic App Lib Version: 2.0.0-beta.13 OS: Distributor ID: LinuxMint Description: Linux Mint 17.3 Rosa Node Version: v5.7.0

Doesnt seem to work.

```auto
placeholder={{myVar}}
[placeholder]="myVar"

```

Also no luck.

I might have missed something simple but Ive looked around and cant figure it out.

```auto
Ionic:

   ionic (Ionic CLI) : 4.10.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework : @ionic/angular 4.0.1
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics : 7.2.4
   @angular/cli : 7.2.4
   @ionic/angular-toolkit : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : android 7.1.4, ios 4.5.5
   Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 4 other plugins)

System:

   NodeJS : v10.15.1 (/usr/local/bin/node)
   npm : 6.8.0
   OS : macOS Mojave
   Xcode : Xcode 10.1 Build version 10B61

```

---

<div class="post-metadata">

**Author:** ![DavidvZ](https://avatars.discourse-cdn.com/v4/letter/d/49beb7/32.png) [@DavidvZ](https://forum.ionicframework.com/u/DavidvZ)\
**Post date:** [February 21, 2019, 10:13am UTC](https://forum.ionicframework.com/t/how-to-set-ion-searchbar-placeholder-dynamically/156905/2 "2019-02-21T10:13:59Z")

</div>

Just needed to put a function in apparently

```auto
[placeholder]="getMyPlaceholder()"

```