如何使用Angular 2在剑道网格中显示和隐藏细节行

我有一个角度2剑道网格组件，看起来像这样

<kendo-grid [data]="gridView"
        [selectable]="true"
        [pageSize]="pageSize"
        [skip]="skip"
        [pageable]="true"
        [sortable]="{ mode: 'multiple' }"
        [sort]="sort"
        (pageChange)="pageChange($event)">
<kendo-grid-column Title="Select">
    <template kendoCellTemplate let-dataItem>
        <input type="checkbox" (change)="onContactsSelect(dataItem.accountId, $event)"/>            
    </template>        
</kendo-grid-column>

<kendo-grid-column field="accountId" title="{{result.accountColumn}}" ></kendo-grid-column>
<kendo-grid-column field="name" title="{{result.nameColumn}}"></kendo-grid-column>
<kendo-grid-column field="address" title="{{result.addesssColumn}}"></kendo-grid-column>
<kendo-grid-column field="state" title="{{result.statusColumn}}"></kendo-grid-column>
<kendo-grid-column field="customField1" title="{{result.customField1Column}}"></kendo-grid-column>
<kendo-grid-column field="customField2" title="{{result.customField2Column}}"></kendo-grid-column>
<kendo-grid-column field="timeStamp" title="{{result.timeStampColumn}}"></kendo-grid-column>   
<template kendoDetailTemplate let-dataItem>
        <section *ngIf="!dataItem.isValid">
            <article>{{dataItem.errorMessage}}</article>
        </section>
</template>

仅当出现错误消息或数据项无效时，我确实希望显示详细信息行以及详细信息k加号和k减号，以便在打开和关闭详细信息行之间切换

现在，无论数据项是否有效，所有行上都会显示切换按钮

---

任何指示都会有帮助

我知道这是一个稍旧的线程，但我确实想出了解决方案：

首先摆脱

<section *ngIf="!dataItem.isValid>
    ...
</section>

希望这有帮助

---

作为一个与答案无关的旁注，但是一个个人抱怨，所以请随意跳过这一个例子，Telerik在文档方面很糟糕，即使你可以在这样的网站的帮助下解决这个问题，使用他们的框架进行开发也会很痛苦。

感谢16Paws的回复。我让它工作了，使用了与上面相同的概念。哦，关于Telerik的文档，我百分之百同意你的看法，但他们的反应非常迅速，所以如果你标记正确的话。

<template kendoDetailTemplate let-dataItem>
          [kendoGridDetailTemplateShowIf]="condition"
        ...whatever you want to show based on the condition...
</template>

condition(dataItem: any) : boolean {
    return !dataItem.isValid;
}