-1
votes

Ne peut pas lire la «longueur» de null en angulaire

J'utilise la table des matériaux angulaires. Veuillez vérifier ci-dessous le code.

     <table mat-table [ngClass]="'arInvTb'" [dataSource]="dataSource" multiTemplateDataRows #viewsort="matSort" matSort  matSortDirection="asc" (matSortChange)="sortData($event)" matSortActive="customSort" matSortDisableClear>

 <ng-container matColumnDef="errorCodeH">
  <th class="grid-center" mat-header-cell *matHeaderCellDef style="min-width:100px"> Error</th>
  <td class="grid-left mytext" mat-cell *matCellDef="let element"> 
    <p *ngIf="element.arInvoiceHeader.errorCodeH.length < 50">
    {{element.arInvoiceHeader.errorCodeH}}                      
    </p>
  </td>
 </ng-container>
</table>

javascript angular

1 commentaires

Je suppose que le tableau élément.arinvoiceheader.errorcodeh est vide pour obtenir cette erreur



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     juste vérifier pour un   Truthy   Valeur avant d'accéder à  longueur :  xxx  
 Lorsque vous utilisez  et opérateur  dans JavaScript  && , deuxième opérande Il suffit d'être évalué si d'abord est  Truthy .                                  


                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Tout d'abord, vérifiez que  errorcodeh  n'est pas null, puis utilisez  .Longueur .
Quelque chose comme ceci:  xxx                                  


                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser l'opérateur de sécurité null (?.) À l'intérieur du HTML avant d'accéder à la valeur comme ci-dessous. 
<p *ngIf="element.arInvoiceHeader.errorCodeH?.length < 50">
    {{element.arInvoiceHeader.errorCodeH}}                      
</p>

                                

                                                                    
                                    
                                    
                                        0 commentaires