0
votes

Comment puis-je définir l'ID d'un élément qui est créé par NGFOR?

J'ai créé des éléments:

<span *ngFor="let versuch of versuche">
  <div id="titleId[versuch]"><br></div>
</span>

typescript angular html

2 commentaires

En angulaire, vous pouvez simplement utiliser des crochets comme:

 
                                        
                                                                            La «manière angulaire» est utilisée sur la fenêtre de visualisation, voir



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                      ngattr  code>  pour la liaison aux attributs arbitraires angularjs  forts> 
 par exemple, en considérant ce modèle  p>  xxx  pré>  doc -  https://docs.angularjs.org/guide / Interpolation # -ngattr-for-Binding-Attributs-ARBITRARY-ATTRÉS   P> 
  Angulaire  STRIDE>  P> 
 <li *ngFor="item of items" #elem [attr.id]="item.id">
        {{ item.name}} ID: {{elem.id}}
 </li>

                                

                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Ne pas utiliser comme nom de variable  #item , le  #  est uniquement de la variable de référence de modèle (comme vous utilisez dans  #elem )                                                

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Utiliser  index  code> à partir du  * ngfor  code>. Essayez ce qui suit 
  Option 1 -  TITleID  code> est une matrice de chaînes  stress>  p>  xxx  pré> 
  Option 2 -  TITleID  CODE> Non utilisé  STRT>  P> 
 Si vous devez disposer d'une carte d'identité correspondante basée sur l'index de la variable  code> Versuche  code>, vous pouvez ignorer la variable  TITLETID  code> et faites-le directement dans le modèle.  P> 
<span *ngFor="let versuch of versuche">
  <div attr.id="{{titleIdObj[versuch]}}">{{versuch}}<br></div>
</span>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Utilisez [ID] au lieu de ID comme dans l'exemple ci-dessous: 
<span *ngFor="let versuch of versuche">
    <div [id]="titleId[versuch]"><br></div>
</span>

                                

                                                                    
                                    
                                    
                                        0 commentaires