How to get materialize fixed action button working in angular 2
<p>I am trying to get the FAB from <a href="http://materializecss.com/buttons.html" rel="nofollow">materializeCSS</a> to work but nothing I try is working. Heres my code:</p>

<p>index.html:</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;DevWright Education&lt;/title&gt;
  &lt;base href="/"&gt;

  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
  &lt;script src="http://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" 
  crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;!-- Compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css"&gt;

  &lt;!-- Compiled and minified JavaScript --&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.js"&gt;&lt;/script&gt;

  &lt;link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
&lt;/head&gt;
&lt;body style="background-color: #eceff1;"&gt;
  &lt;de-root&gt;
    &lt;img src="assets/images/ripple.gif" alt=""&gt;  
  &lt;/de-root&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>new-post-card.component.html:</p>

<pre><code>&lt;div class="card"&gt;
  &lt;div class="card-content"&gt;
    &lt;span class="card-title"&gt;Post something!&lt;/span&gt;
    &lt;!-- Fixed Action Button --&gt;
    &lt;div class="fixed-action-btn horizontal click-to-toggle" style="bottom: 45px; right: 24px;"&gt;
      &lt;a class="btn-floating btn-large red"&gt;
        &lt;i class="large material-icons"&gt;mode_edit&lt;/i&gt;
      &lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a class="btn-floating red"&gt;&lt;i class="material-icons"&gt;insert_chart&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="btn-floating yellow darken-1"&gt;&lt;i class="material-icons"&gt;format_quote&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="btn-floating green"&gt;&lt;i class="material-icons"&gt;publish&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="btn-floating blue"&gt;&lt;i class="material-icons"&gt;attach_file&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I've tried using angular2-materialize but i cant find the right component to work with it.</p>