title: how to dynamically create a div in angular having a certain class?
body: <p>I want to create a div on click of a button:</p>
  
  <p>the div should be like this:</p>
  
  <pre><code>&lt;div class="my-blur"&gt;&lt;div&gt;
  </code></pre>
  
  <p>I am doing this:</p>
  
  <pre><code>$scope.showFloatingActioButtons = function() {
          var newEle = angular.element('&lt;div class="my-blur"&gt;&lt;/div&gt;');
          $compile(newEle)($scope);
  }
  </code></pre>