ig-grid列テンプレートでカスタムコンポーネントが読み込まれない

Question

ig-grid列テンプレートでカスタムメイドのコンポーネントを使用しようとしています。コンポーネントはHtmlで正しく表示されますが、コンポーネントのコンストラクタには届きません。列テンプレートでカスタムコンポーネントを使用するにはどうすればよいですか？

<script id="colTmpl" type="text/template"> 
    <custom-component data="${datatouse}"></custom-component> 
</script> 

<div> 
    <ig-grid id="grid1" data-source="vm.datasource" width="100%" primary-key="Id" auto-generate-columns="false" autocommit="true"> 
     <columns> 
      <column key="Id" header-text="Id" width="50px" data-type="number" hidden="hidden"></column> 
      <column key="datatouse" width="100%" header-text="my custom component" datatype="object" template="{{getHtml('#colTmpl')}}"></column> 
     </columns> 
    </ig-grid> 
</div> 

Answer 1

あなたはのIgnite UIのテンプレート（$.ig.tmpl）をオーバーライドして、細胞にカスタムコンポーネントを適用することができます。

$.ig.tmpl = function (tmpl, data) { 
    angCells.push($compile(tmpl)($scope)); 
    return ""; 
} 

ここには、fiddleがあります。