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입니다.