73 votes

Angular 5 ajoute "ng-star-inserted" dans certaines classes - qu'est-ce que c'est ?

Je constate que parmi les classes ajoutées à un élément, il y a parfois ce "ng-star-inserted" ajouté également et j'aimerais en savoir plus sur la raison de cet ajout.

3 votes

Avec cette directive, vous pouvez construire des entrées d'évaluation facilement.

0 votes

D'après mon expérience, cela se produit lorsqu'il y a un div sans classe, donc une solution facile serait d'ajouter une classe.

0 votes

Dans mon cas, ng-star-inserted apparaît lorsque je navigue dans un menu d'onglets. Mais il est absent lorsque j'accède à une page par un lien direct.

73voto

Ben Elliott Points 924

Il s'agit d'un nom de classe qui est utilisé en interne par l'application BrowserAnimationsModule lors de l'animation des transitions d'entrée et de sortie. Vous pouvez le voir dans le code source ici .

1 votes

@Ben Je constate également que cette classe est ajoutée automatiquement. Mais le problème est que cette classe est ajoutée dans notre environnement de test mais que nous ne la voyons pas dans l'environnement de développement. Savez-vous pourquoi cela se produit, car le code de Dev va dans Test et les deux sont synchronisés.

2 votes

G.SAbhaypal, avez-vous essayé d'injecter NoopAnimationsModule dans votre module de test ?

1 votes

@BenElliott Non, je ne l'ai pas encore essayé. S'agit-il d'un module alternatif à BrowserAnimationsModule ?

8voto

eliprodigy Points 389

Cette classe pose un problème avec l'interface utilisateur et doit donc être remplacée par une classe <ng-container *ngIf=""></ng-container>

11 votes

Pourriez-vous développer votre réponse ? Pourquoi cela résoudrait-il le problème ?

0 votes

2 votes

Je suis presque sûr que votre "problème d'interface" est causé par autre chose. Vous combattez les symptômes ici alors que vous devriez plutôt chercher le vrai problème.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X