title: Display overview text when dropdown item is selected in AngularJS
body: <p>I am looking to display an overview of each widget category to appear above the filtered results when that widget category is selected.</p>
  
  <p>I am assuming this will require a ng-show directive so will perhaps require some controller code too. But any pointers on linking up select dropdown with my ng-repeat and linking up with ng-show would be great.</p>
  
  <p>Here is what I am aiming for:</p>
  
  <p>Before</p>
  
  <p><a href="https://i.stack.imgur.com/eLfIM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eLfIM.png" alt="enter image description here"></a></p>
  
  <p>After</p>
  
  <p><a href="https://i.stack.imgur.com/Pq35i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pq35i.png" alt="enter image description here"></a></p>
  
  <pre><code>    &lt;ion-view title="Select Box Filter" id="page6" class=" "&gt;
              &lt;ion-content padding="true" class="has-header"&gt;
                  &lt;ion-list id="tListSelectFilter-list11" class=" "&gt;
                      &lt;label class="item item-select " id="tListSelectFilter-select1"&gt;
                          &lt;span class="input-label"&gt;Select&lt;/span&gt;
                          &lt;select&gt;&lt;/select&gt;
                      &lt;/label&gt;
                      &lt;ion-item id="tListSelectFilter-list-item25" class="  "&gt;Widget Range 1&lt;/ion-item&gt;
                      &lt;ion-item id="tListSelectFilter-list-item26" class="  "&gt;Widget Range 2&lt;/ion-item&gt;
                      &lt;ion-item id="tListSelectFilter-list-item27" class="  "&gt;Widget Range 3&lt;/ion-item&gt;
                  &lt;/ion-list&gt;
                  &lt;ion-item ng-repeat="product in products | filter:select" class="item-thumbnail-left item-text-wrap"
                    href="#/tab/list/{{product.item}}"&gt;
                      &lt;h2&gt;Product Name: {{product.name}}&lt;/h2&gt;
                      &lt;h3&gt;Quantity: {{product.quantity}}&lt;/h3&gt;
                      &lt;h2&gt;Price: £{{product.price}}&lt;/h2&gt;
                    &lt;/ion-item&gt;
              &lt;/ion-content&gt;
          &lt;/ion-view&gt;
  
  
          &lt;!--Widget Range 1 Overview Text - Here is an example of the overview text for Widget Range 1 to be produced when this specific dropdown is selected.
          Widget Range 2 Overview Text - Here is an example of the overview text for Widget Range 2 to be produced when this specific dropdown is selected.
          Widget Range 3 Overview Text - Here is an example of the overview text for Widget Range 3 to be produced when this specific dropdown is selected.--&gt;
  </code></pre>
  
  <p><a href="https://plnkr.co/edit/0WrinKY2X7Ijq32hBzms" rel="nofollow noreferrer">https://plnkr.co/edit/0WrinKY2X7Ijq32hBzms</a></p>