title: How to keep the FAB toolbar open after clicking a button inside it?
body: <p>I am using angular material for my ionic app. I came across the fab tool bar and I have included it in my app.
  Here is a demo provided in the angular material guide.
  <a href="https://material.angularjs.org/1.0.4/demo/fabToolbar" rel="nofollow">FAB toolbar demo.</a></p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;md-fab-toolbar md-open=true md-direction='left'&gt;
  &lt;md-fab-trigger class="align-with-text"&gt;
    &lt;md-button aria-label="menu" class="md-fab md-primary"&gt;
      &lt;md-icon md-svg-src="img/icons/menu.svg"&gt;&lt;/md-icon&gt;
    &lt;/md-button&gt;
  &lt;/md-fab-trigger&gt;
  &lt;md-toolbar&gt;
    &lt;md-fab-actions class="md-toolbar-tools"&gt;
      &lt;md-button aria-label="comment" class="md-icon-button"&gt;
        &lt;md-icon md-svg-src="img/icons/ic_comment_24px.svg"&gt;&lt;/md-icon&gt;
      &lt;/md-button&gt;
      &lt;md-button aria-label="label" class="md-icon-button"&gt;
        &lt;md-icon md-svg-src="img/icons/ic_label_24px.svg"&gt;&lt;/md-icon&gt;
      &lt;/md-button&gt;
      &lt;md-button aria-label="photo" class="md-icon-button"&gt;
        &lt;md-icon md-svg-src="img/icons/ic_photo_24px.svg"&gt;&lt;/md-icon&gt;
      &lt;/md-button&gt;
    &lt;/md-fab-actions&gt;
  &lt;/md-toolbar&gt;
  </code></pre>
  
  <p></p>
  
  <p>The fab tool bar keeps getting closed whenever we press any button inside its content. Is there any way to keep the FAB toolbar open even after clicking a button inside it?</p>