title: Adding HTML runtime in Angular
body: <p>I want to add a div runtime to the body like following:</p>
  
  <pre><code>&lt;div&gt;{{test}}&lt;/div&gt;
  </code></pre>
  
  <p>It should be added from outside Angular code like when clicking a button. So, no directive, but just adding the div. Maybe easy question, but I can't find the answer on the web.</p>
  
  <p>Having</p>
  
  <pre><code>function TodoCtrl($scope) {
      $scope.totalTodos = 4;
  }
  
  &lt;body ng-app ng-controller="TodoCtrl"&gt;
      &lt;span&gt;{{test}}&lt;/span&gt; &lt;!-- already works --&gt;
  &lt;/body&gt;
  </code></pre>