title: i want to add ion-item after an ion option is selected in ion-select
body: <p>As different option has different information to input I want to ask how can I have additional ion-item after an option is selected from ion-select. </p>
  
  <p>These are my codes:</p>
  
  <pre><code>&lt;ion-item&gt;
      &lt;ion-label class="lbReward" color="dark" &gt;Reward Type:  &lt;/ion-label&gt;
      &lt;ion-select (ionChange) = "onChange()" okText="Okay" cancelText="Dismiss" placeholder= "Select Type" formControlName = "rewardType" [ngModel] = "selectedRewardType"&gt;
          &lt;ion-option value="priceDiscount"&gt;Total Price Discount&lt;/ion-option&gt;
          &lt;ion-option value="categoryDiscount"&gt;Category Price Discount&lt;/ion-option&gt; 
          &lt;ion-option value="freeGiftwithPrice"&gt;Sufficient Price Free Gift&lt;/ion-option&gt;
          &lt;ion-option value="freeGiftwithMeal"&gt;Meal with Free Gift&lt;/ion-option&gt;
        &lt;/ion-select&gt;
  &lt;/ion-item&gt;
  &lt;ion-item&gt;
      &lt;ion-label color="dark" &gt;Discount Percentage:  &lt;/ion-label&gt;
      &lt;ion-input name= "discountPercent" type="text" formControlName = "discountPercent"&gt; &lt;/ion-input&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>I want to show the Discount Percentage only after I select Total Price Discount. Is there a way?</p>