Вы можете использовать синтаксис de-sugard для директивы *clrIfExpanded
следующим образом:
<clr-datagrid>
<clr-dg-column>Col1</clr-dg-column>
<clr-dg-column>Col2</clr-dg-column>
<clr-dg-row *clrDgItems="let item of [1,2,3,4,5]">
<clr-dg-cell>Item {{item}}</clr-dg-cell>
<clr-dg-cell>Item * Item ({{item*item}})</clr-dg-cell>
<clr-dg-row-detail clrIfExpanded (clrIfExpandedChange)="rowChange($event)">
details
</clr-dg-row-detail>
</clr-dg-row>
</clr-datagrid>
Вот рабочий стек, который регистрирует изменения каждый раз, когда строка открывается или закрывается: https://stackblitz.com/edit/so-55617551-click-handler-for-datagrid-row-details