title: ionic how to display a dropdown of choices on button click
body: <p>I am just starting with ionic framework, trying to redo an existing bootstrap / angular application to mobile as a hybrid app. </p>
  
  <p>Is there an idiomatic way to do a dropdown menu in ionic? I have searched the ionic website/forums and also googled but no luck. Like <a href="http://getbootstrap.com/components/#btn-dropdowns" rel="nofollow">bootstrap single button dropdown</a>. I am OK with JavaScript but HTML/CSS is not my cup of tea.</p>
  
  <p>Will appreciate your help.</p>
  
  <p>--EDIT</p>
  
  <p>Thanks TechMa9iac. I am trying to follow that line.</p>
  
  <p>I am trying to make a 2-level dropdown using angular? I have modeled my data like in the ngSelect doc.</p>
  
  <pre><code>$scope.currSel = null;
  $scope.metadata = [
      { proc: "Proc-1", board: "Alloc" },
      { proc: "Proc-1", board: "Manager" },
      { proc: "Proc-1", board: "Ops" },
      { proc: "Proc-2", board: "Alloc" },
      { proc: "Proc-2", board: "Manager" },
      { proc: "Proc-3", board: "Alloc" },
      { proc: "Proc-3", board: "Manager" }
  ];
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;span&gt;{{item.proc}}
  &lt;select ng-model="currSel"
          ng-options="item.board group by item.proc 
                          for item in metadata"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I show the <code>proc</code> value separately in html because the select text area shows only <code>board</code> value (the label in <code>select</code>).</p>