Column Tariff 1: The variable FRAIS_ETRANGERS is associated with CODE:"NEK01". This variable is displayed in the template.
Column Tariff 2: The variable FRAIS_ETRANGERS is linked to CODE:"NEK03". However, I am facing difficulties displaying this variable in the template.
https://i.sstatic.net/aZONJ.png
I'm unsure why I'm unable to display Tariff 2? Here is the code snippet:
<ng-container *ngFor="let plnPlcInfo of tarificationTitre">
<ng-container *ngFor="let svmInfo of plnPlcInfo.PLN_SVM">
<tr class="text-center">
<td>
<ng-container *ngIf="svmInfo.PLN[0].CODE === 'NEK01'">
{{ svmInfo.PLN[0].PLAGE[0].FRAIS_ETRANGERS }} %
</ng-container>
</td>
<td>
<ng-container *ngIf="svmInfo.PLN[0].CODE === 'NEK03'">
{{ svmInfo.PLN[0].PLAGE[0].FRAIS_ETRANGERS }}
</ng-container>
</td>
<td scope="col">{{ svmInfo.SVM }}</td>
</tr>
</ng-container>
</ng-container>
The related service details:
export class TodoService {
PLN_PLC = [
{
PLACECODE: 26,
PLACELABEL: "Fundsettle",
PLN_SVM: [
{
SVM: 16111801,
ISIN: "LU0100749679",
LABEL: "NEKR FD LIFESTYLE DYNAMICC",
PLN: [
{
CODE:"NEK01",
PLAN:8,
CANAL:"*",
AV:"A",
LIB:"Fonds Amenkor 8",
DATEV_EFFECTIVE:"0001-01-01",
PLAGE:[
{
BORNE:9999999999999.99,
FRAIS_BORDEREAU:0.00,
FRAIS_RETRAIT:0.00,
TYPE_COURTAGE:1,
COURTAGE:0.00,
MIN_COURTAGE:0.00,
TYPE_FRAIS_ETR:1,
FRAIS_ETRANGERS:2.00,
MIN_FRAIS_ETR:0.00
},
...
},
...
]
}
]
}
];
constructor() {}
}
I have created a demo using Stackblitz.
Thank you for your assistance.