title: Evaluating moustache expressions after the page was initialized (dynamic binding)
body: <p>I have a HTML-Document containing moustache expressions that angular-dart evaluates very well:</p>
  
  <pre><code>&lt;/head&gt;
  &lt;body ng-cloak&gt;
    &lt;ctrlTextElements&gt;
      &lt;div id="stage"&gt;outside: {{ctrlTextElements.test1('three')}}&lt;/div&gt; 
    &lt;/ctrlTextElements&gt;
  </code></pre>
  
  <p>I want to dynamicaly add some HTML with moustache expression like so:</p>
  
  <pre><code>CtrlTextElements.addTextElement(mousePos.x, mousePos.y);
  var div = dom.querySelector('#stage');
    HttpRequest.getString("../path/text.html").then((r) {
        div.children.add(new Element.html(r, validator: new AllowAllValidator()));
    });
  </code></pre>
  
  <p>The content of the added text.html looks like this:</p>
  
  <pre><code>&lt;div&gt;inside: (not evaluated): {{ctrlTextElements.test1('three')}}&lt;/div&gt;
  </code></pre>
  
  <p>That's the result in the browser:</p>
  
  <blockquote>
    <p>outside: three <br/>
    inside: (not evaluated):{{ctrlTextElements.test1('three')}}</p>
  </blockquote>
  
  <p>How can I reevaluate the moustache expressions inside content that has been applied after the page was loaded?</p>