获取ts文件中的mfData值,以便在angular 2中对其进行操作

获取ts文件中的mfData值,以便在angular 2中对其进行操作,angular,typescript,datatables,Angular,Typescript,Datatables,我用这段代码迭代stacklist_表中的数据,stacklist_表是一个json数组,并以表格格式显示它。stacklist_表是所有对象的完整列表。但我不需要所有对象,所以我应用了一些管道。然后我的最终值保存为#stacklist,它在下面迭代以显示列和行 <table class="table" [mfData]="stacklist_table| selectedcolumn | search : searchQuery | filter: addFilter : selecte

我用这段代码迭代stacklist_表中的数据,stacklist_表是一个json数组,并以表格格式显示它。stacklist_表是所有对象的完整列表。但我不需要所有对象,所以我应用了一些管道。然后我的最终值保存为#stacklist,它在下面迭代以显示列和行

<table class="table" [mfData]="stacklist_table| selectedcolumn | search : searchQuery | filter: addFilter : selected" #stacklist="mfDataTable">
              <thead>
                <tr>
                  <th *ngFor="let colValues of stacklist.data | column: '' : ''">
                    <mfDefaultSorter by="{{colValues}}">{{colValues|translate}}</mfDefaultSorter>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr draggable *ngFor="let stack of stacklist.data" [dragOverClass]="'drag-over-border'" [dragData]="stack" [class.active]="checkIfStackElementIsSelected(stack)" (click)="setStacklistRow(stack)">
                  <td *ngFor="let rowValues of stack | row">{{ rowValues }}</td>
                </tr>
              </tbody>
            </table>

{{colValues | translate}}
{{rowValues}}
我可以在我的后端typescript文件中访问这个#stacklist值吗?
我需要在typescript文件中应用所有管道之后的最终堆栈列表。如何操作?

如果要在
组件.ts中应用管道后访问数据,可以直接在组件中应用管道

import { MyCustomPipe } from './my-custom.pipe';

export class MyClass {
   constructor(private customPipe: MyCustomPipe){
     this.pipeAppliedData = this.customPipe.transform(someData); // this will be like doing in template "someData | MyCustomPipe"
   }       
}

此时,您可以对应用了管道的数据执行任何需要执行的操作(
this.pipeAppliedData
),然后在模板中使用
this.pipeAppliedData
)。这样,您将在组件中使用一次管道,并在模板和组件的两面使用结果。

您也可以在
组件中应用管道。ts
如果您需要该数据,请使用
@Pipe
应用编辑器,就像在同一列表中应用管道两次一样。是那个文件吗?好吧,如果您需要将其用于其他用途,您可以在组件中应用它,然后,生成的数据可以在模板中使用它。如果您不需要在组件中应用管道的数据,那么只需在模板中按预期使用管道即可。我给你的是一个在组件内部使用管道的解决方案,我认为这是你想要/需要的D@MendonAshwini我更新了我的答案,请查看!;)希望它能帮上忙,伙计!;)对我将实现这一点,并从Template中删除管道。我强烈建议您为此使用DataTables。
import { MyCustomPipe } from './my-custom.pipe';

export class MyClass {
   constructor(private customPipe: MyCustomPipe){
     this.pipeAppliedData = this.customPipe.transform(someData); // this will be like doing in template "someData | MyCustomPipe"
   }       
}