title: Angular element inside bootstrap popover
body: <p>I am using Bootstrap with angular 2, My angular (click) is not working inside my popover content.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code> &lt;p id="myPopover-profile"&gt;Operator&lt;/p&gt;
  
      &lt;div class="profile-option" id="profile-option"&gt;
        &lt;div class="user-name"&gt; Jhone Doe&lt;/div&gt;
        &lt;div class="line"&gt; &lt;/div&gt;
        &lt;div class="end-session" (click)="endSession()"&gt; End Session &lt;/div&gt;
        &lt;div class="logout"&gt; Logout &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>TS:</strong></p>
  
  <pre><code>  ngOnInit() {
      $('#myPopover-profile').popover({
        placement: 'bottom',
        toggle: 'popover',
        html: true,
        content:  function() {
          return $('#profile-option').html();
        }
      });
  
    }
  
    endSession(){
      console.log("test");
    }
  </code></pre>