获取ts文件中的mfData值,以便在angular 2中对其进行操作
我用这段代码迭代stacklist_表中的数据,stacklist_表是一个json数组,并以表格格式显示它。stacklist_表是所有对象的完整列表。但我不需要所有对象,所以我应用了一些管道。然后我的最终值保存为#stacklist,它在下面迭代以显示列和行获取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
<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"
}
}