Angular $compile directive keeps repeating
<p>Why does this keep repeating? I get a "RangeError: Maximum call stack size exceeded" error in chrome.</p>

<pre><code>app.controller('my_cont',function($scope,$compile){
     container.html('&lt;todo&gt;&lt;/todo&gt;')
     $compile(container)($scope);
})
app.directive('todo',function($compile){
     return{
          template:'&lt;ul&gt;&lt;li&gt;Blah&lt;/li&gt;&lt;li&gt;Blah&lt;/li&gt;&lt;/ul&gt;',
     }
})
</code></pre>