title: Let angular to know a new html element had been created
body: <p>I created a new (the second div) html element dynamically by the following code: </p>
  
  <pre><code>var body = document.getElementsByTagName('body')[0];
  var container = document.createElement('div');
  var node = document.createTextNode('Hello, {{ name }}');
  container.appendChild(node);
  body.appendChild(container);
  </code></pre>
  
  <p>Add, my index.html like this:</p>
  
  <pre><code>&lt;html ng-app&gt;
  &lt;body&gt;
  &lt;div&gt;
   Hello, {{ name }}
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Well, the first <code>Hello, {{name}}</code> works well, it shows <code>Hello,World</code>. but the second one <code>Hello, {{name}}</code>, just shows <code>&lt;div&gt;Hello, {{name}}&lt;/div&gt;</code>, How can I let the angular to know I have create a new element, and let it to explain the value?</p>