title: Restart/reload Angular app
body: <p>I'm working on a project with Yii2 and Angular. The structure of the code is as follows:</p>
  
  <pre><code>&lt;html ng-app="myApp"&gt;
  
      &lt;head.../&gt;
      &lt;body&gt;
          ...
          &lt;div class="body-content"&gt; MAIN CONTENT GOES HERE &lt;/div&gt;
          ...
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>The page contains a header and a column on the left and a center area which is rendered inside the <code>.body-content</code> div. Now, as you can imagine, I have some buttons in there, some other angular widgets, etc..</p>
  
  <p>Yii2 has a really cool feature called <code>renderPartial</code> that will re-render a view file without wrapping it again in the <code>&lt;head&gt;</code> and <code>&lt;body&gt;</code>. I use that to update the content of my main area, by calling that function, getting the response with jQuery and replacing the content.</p>
  
  <p>Now, that causes all buttons that where binded with Angular to stop working (I'm guessing why). My question is: How can I make Angular re-run or re-bind all my (new) DOM elements to their actions?</p>