清晰网格行扩展程序:我可以控制函数中细节的打开吗？

Question

我能从我的功能中控制一个细节的开启吗？

是否可以传递给“clr-dg EventEmitter”的详细信息，以便我可以在组件事件中发出有关细节打开的信息。

​

<clr-datagrid>
  <clr-dg-column>Artifact</clr-dg-column>
  <clr-dg-column>Category</clr-dg-column>
  <clr-dg-column>Action</clr-dg-column>

  <clr-dg-row>
    <clr-dg-cell>AAA</clr-dg-cell>
    <clr-dg-cell>111</clr-dg-cell>
    <clr-dg-cell>
      <button (click)="myFunctionFromOpenDetail()">
        MY BUTTON!
      </button>
    </clr-dg-cell>
    <ng-container ngProjectAs="clr-dg-row-detail" *ngIf="true">
      <clr-dg-row-detail *clrIfExpanded ?????????? >
        Lorem ipsum...
      </clr-dg-row-detail>
    </ng-container>
  </clr-dg-row>
</clr-datagrid>

​

Answer 1

我不知道你所说的“传递EventEmitter”是什么意思，这不是我用角度理解的模式。但是clrIfExpanded指令确实提供了对详细信息展开状态的双向绑定，因此看起来就像您正在寻找的那样。

如果只需要强制打开一些详细信息，则可以这样做：

<clr-dg-row-detail *clrIfExpanded="true">...</clr-dg-row-detail>

或将true替换为确定行是否展开的任何变量。

但是，如果需要完全双向绑定来动态展开和关闭行，则需要使用去糖化语法，因为角不能提供一种使用*星型短语法的双向绑定方式：

<ng-template [(clrIfExpanded)]="yourRow.expanded">
    <clr-dg-row-detail>...</clr-dg-row-detail>
</ng-template>

Answer 2

在以后的清晰构建(2.x)中，对于双向绑定，您需要这样做，否则chevron将旋转，但内容将不会在ng-template示例中显示：

<clr-dg-row-detail [(clrIfExpanded)]="yourRow.expanded">...</clr-dg-row-detail>