-1
votes

div avec caché = faux est toujours caché

J'ai un code HTML simple, comme indiqué ici:

<div class="container card" hidden=false>
    <canvas id="myChart"></canvas>
</div>

angular html

4 commentaires

Si c'est durement codé comme ceci, cela signifie que vous devez le montrer, alors supprimez-le simplement ... Pourquoi vous tortiez-vous comme ça?

En outre, Documentez-vous comment il fonctionne , cela pourrait vous aider à l'avenir.

Je l'ai codé dur parce que je voulais la définir à une variable de mon type de documents, mais cela n'a pas continué à ne pas travailler, je l'ai donc réduit à sa forme la plus simple possible pour voir quand il a commencé à avoir des problèmes.

@Kron vérifier ma réponse si vous souhaitez définir la valeur de manière dynamique

4 Réponses :

1
votes

car caché n'a pas besoin d'une valeur: elle est soit cachée, ou ce n'est pas le cas. Le booléen que vous envoyez est ignoré. Ainsi, fondamentalement, n'ajoutez que cachée s'il doit être caché et ne rien ajouter si cela devrait montrer. ref: https://developer.mozilla.org/fr- US / DOCS / Web / API / HTMLEMENT / Caché

0 commentaires

0
votes

L'attribut caché dans HTML est un attribut qui ne peut pas être défini sur une valeur.

Pour plus d'informations sur la syntaxe, visitez le MDN Docs .



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     au lieu de  masqué  Utiliser  [style.display] = "Hideelement?" Aucune ":" hériter ""       

 où vous allez définir si  hideelement  est  true  ou  false ; 

 Alternativement créer une classe  .Display-masquer {affichage: aucun;}  puis le bascule en utilisant 

  [class.display-masquer] = "hidelement"  


   L'attribut global caché est un attribut booléen indiquant que l'élément n'est pas encore, ni n'est plus pertinent. Par exemple, il peut être utilisé pour masquer des éléments de la page qui ne peuvent pas être utilisés tant que le processus de connexion n'est pas terminé. Les navigateurs ne rèvent pas d'éléments avec l'attribut caché. 


 J'ai utilisé ce  Lien pour référence : < / p>                                


                                                                    
                                    
                                    
                                        3 commentaires
                                        
                                                                                            
                                                    Oui parfait. Merci de ne pas simplement expliquer pourquoi cela n'a pas fonctionné, mais fournit un travail autour.                                                
                                                
                                                                                            
                                                    Vous n'avez évidemment pas vérifié le lien que j'ai connecté. Où il est dit pourquoi ne pas utiliser l'attribut caché et quoi faire pour résoudre le problème.                                                
                                                
                                                                                            
                                                    Non, je n'avais pas rencontré cet article auparavant. Merci de la publier cependant, c'était tout à fait informatif sur le sujet.                                                
                                                
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Utilisez simplement la liaison de la propriété sur  caché   xxx                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Ceci est  reliure de propriété .


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube                        
                        
                                            
                            erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule                        
                        
                                            
                            [ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail