Альтернатива детализации в Angular 2 Kendo grid

Question

В сетке Angular 2 Kendo мне нужно показать дополнительную информацию в каждой ячейке, когда пользователь открывает шаблон детали. В сетке Kendo для jQuery я мог использовать событие detailinit (http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-detailInit), чтобы выполнить то, что мне нужно, однако в компоненте Angular2 такого события нет.

<kendo-grid-column> 
     <template kendoCellTemplate let-dataItem let-rowIndex="rowIndex"> 
      {{rowIndex}} 
      <div *ngIf="????"> 
       Need to show this text when detail template is visible 
       and hide when it's hidden 
      </div> 
     </template> 
    </kendo-grid-column> 
    <template kendoDetailTemplate let-dataItem> 
     <section *ngIf="dataItem.Category"> 
     <header>{{dataItem.Category?.CategoryName}}</header> 
     <article>{{dataItem.Category?.Description}}</article> 
     </section> 
    </template> 

Here is an example что мне нужно (см текст в ячейках).

Answer 1

В это время сетка Angular 2 не предоставляет информацию о том, расширен ли шаблон детали или нет. Не стесняйтесь suggest this as a feature request.

---

HACK: Для того, чтобы взломать обойти это ограничение, вы можете вывести расширенное состояние из HTML.

См. this plunkr.

private icons(): any[] { 
    const selector = ".k-master-row > .k-hierarchy-cell > .k-icon"; 
    const icons = this.element.nativeElement.querySelectorAll(selector); 

    return Array.from(icons); 
} 

private saveStates(): void { 
    this.states = this.icons().map(
    (icon) => icon.classList.contains("k-minus") 
); 
} 

private isExpanded(index): bool { 
    return this.states[index] || false; 
} 

В то время как это работает, оно далека от идеала и идет вразрез с Угловой философией и может разорваться на изменениях рендеринга.