使用Javascript生成HTML，然后使用Angular js解释它

Question

I'm generating an HTML table which renders like this:

<table id="#webappname">
    <tr ng-repeat="data in d">
        <td>1 {{data}}</td>
        <td>2 hey !</td>
    </tr>
</table>

To generate this i'm using angular.element("#webapp").append("<table [...]</table>");

I would want the angular js template in the table to be interpreted by Angular (a little bit like jQuery.live() ). What should I use ?

Answer 1

You should compile it and link it to a scope:

var table = angular.element("<table [...]</table>");
$compile(table)($scope);
angular.element("#webapp").append(table);