compile ng-bind-html inside ng-repeat
<p>I have a special template problem... I have a array of products, every products have a property "button_code", this property is a result in plain text of HTML laravel template with some angular code inside.</p>

<p>Actually im using a ng-bind-html="product.button_code" inside a  and use this template inside a ng-repeat, the html code is correctly inserted in every repeat iteration, but the code is plain text, and I need to "wake up" the ng-controllers ng-clicks etc inside this html</p>

<p>I try with this:</p>

<pre><code>        var targets = $('.buy-button-container').toArray();
        for (var target in targets) {
        console.log($(targets[target]));
            $compile($(targets[target]))($scope);
        }
        $scope.$apply();
</code></pre>

<p>But this make the code inside the container (all html code inserted in the ng-bind-html) dissapear of the DOM.</p>

<p>How i can do this? 
PD: and yes, im forced to use these template in these product.button_code because special things...)</p>

<p>Thanks</p>

<p>EDIT: This is a piece of code i want to bind:</p>

<pre><code>&lt;button class="buy-link btn btn-default"  data-toggle="modal" role="button" ng-controller="BuyController" ng-click="doProduct({'id':'8888','title':'testestest','price':13.99,'currency':'EUR''preorder_enabled':false,'crossedPrice':100,'stock':true,'short_desc':'bla bla bla.','lbonus':false,'bonus_txt':false})"&gt;

                &lt;span class="left"&gt;
                    &lt;i class="fa fa-cart"&gt;&lt;/i&gt;
                 &lt;span itemprop="price"&gt;€13.99&lt;/span&gt;
                &lt;/span&gt;
                 &lt;span class="right"&gt;
                  {{GETIT}}&lt;/span&gt;
                &lt;/button&gt;
</code></pre>