Angularjsを含む動的HTMLコードをコンパイルする方法は？

Question

<div id="divProductItems"></div> 

divの上のdivは、別のjsファイルからのajax呼び出しの後にhtml + angularjs要素で埋められます。しかし、anglejsのコードは現在正しく動作していません。私はこの問題

function getProductItems() { 
    var productSelected = $('#hdnSelectedProducts').val(); 
    callActionWithJson("/Item/ProductItem", function (data) { 
     $("#divProductItems").html(data); // here I add the dynamic code to the above div and (data) contains the dynamic html + angularjs directives 
     filterProductItem(); 
    }, null, "pricingLevelId", $("#ddlPricingLevel").val(), "searchItem", $("#txtSearchItem").val(), "productId", (productSelected.length != null ? productSelected : 0)); 
} 

Answer 1

はあなたが$compileのドキュメントを見てみ<div>にあなたが挿入されているHTMLをコンパイルする必要がありますどのように修正することができます - https://docs.angularjs.org/api/ng/service/ $

Answer 2

をコンパイルして、コントローラに$compileを注入する必要があります。

$compile($('#divProductItems'))($scope);