title: Compile bs-popover into div element programatically
body: <p>Is there any chance I could compile a <code>bs-popover</code> element into <code>div</code> that i'm creating in angularjs in code and then add it to the DOM so my popover works ?</p>
  
  <pre><code>menu.setAttribute('bs-popover',null);
  </code></pre>
  
  <p>So basically I'd like this <code>bs-popover</code> to be compiled into my menu element which is created this way </p>
  
  <pre><code>const menu = document.createElement('div'); 
  menu.className += 'layout-row layout-align-center-center containerTrigger';
  menu.setAttribute("id", "openMenuTrigger");
  menu.setAttribute("data-content", "null");
  menu.setAttribute("data-template-url", "app/main/rgc/project/components/project-details/general-info/status-menu.html");
  menu.setAttribute("data-animation", "am-flip-x");
  menu.setAttribute("data-auto-close", "1");
  menu.setAttribute('bs-popover',null);
  
  rightSideContainer.appendChild(menu);
  </code></pre>
  
  <p>I'm able to add those attributes in HTML but the truth is my logic is quite different and I have to create it in code. Any thoughts? </p>