title: live search input
body: <p>I'm creating a live search input in ionic 3 
  inside a form group</p>
  
  <p>
      </p>
  
  <p>inside my ts file, I'm using </p>
  
  <pre><code> getsubelements(selectedValue) {
          if(selectedValue){
              this.VisitesProvider.getEcolesLive(selectedValue).then((result) =&gt;{
                  this.responseData = result;
  
              });
          }
  
      }
  </code></pre>
  
  <p>and my provider look like :</p>
  
  <pre><code>getEcolesLive(query){
          var data = {
              "q"  :query
  
          }
  
          return new Promise((resolve, reject) =&gt;{
              let headers = new HttpHeaders();
              this.http.post(ecoleliveurl, JSON.stringify(data), {headers: headers}).
              subscribe(res =&gt;{
                  resolve(res);
                  console.log(res);
              }, (err) =&gt;{
                  reject(err);
              });
  
          });
  
      }
  </code></pre>
  
  <p>I'm getting the expected result in json format from mu api server:</p>
  
  <pre><code>[{"name":"Ecole EC","id":"22"}]
  </code></pre>
  
  <p>I want to populate the names in a dropdown list and on click on the desired one of should replace the search input.</p>