J'utilise des JS angulaires et déployé un site, dans la partie de mon site Web, de nombreux étiquettes de style arrivent dans la console comme l'image ci-dessous, j'ai joint un clapcher de console de mon site Web. Je ne sais pas où ces tags viennent et comment puis-je supprimer ces étiquettes de style de la tête du site Web
6 Réponses :
Si vous souhaitez supprimer toutes les balises de style: et ajoutez une boucle pour les supprimer. P> for(i = 0 ; i < st.length ; i++){
st[i].parentNode.removeChild(st[i]);
}
puis-je connaître la raison pour laquelle ces étiquettes de style arrivent dans l'en-tête quand elle est déployée @bhansa
Vous devriez probablement vérifier votre code, que vous les génériez, vérifiez votre fichier HTML.
Si j'ai codé le style inline, ces étiquettes de style viendront en-tête? @Bhansa
@Midhunsai Ils sont déjà dans l'en-tête, mais s'ils sont en ligne, ils ne seront pas pour votre préoccupation.
J'ai placé votre code dans mon contrôleur d'en-tête, est le bon endroit pour mettre votre code pour supprimer les balises de style? @Bhansa
Vous devez l'ajouter sous les styles de chargement ou à la fin du corps, de sorte que le document se charge et qu'il puisse trouver tous ces styles.
toujours le problème n'a pas été résolu ces tags à venir @bhansa
comme de ma compréhension, vous utilisez Design de matériau angulaire et il est responsable de l'ajout du Référence: https://material.angularjs.org/latest/theming/05_under_the_hood merci. edit Si vous ne voulez pas générer de thèmes par défaut, vous pouvez utiliser : Référence: https://material.angularjs.org/latest/theming/04_multiples_thèmes < / p> Style Tags dans votre section de la tête . Tout se passe sous la hotte, vous pouvez suivre Ce lien pour en savoir plus. Je pense que vous n'avez pas besoin de vous inquiéter de supprimer ces étiquettes de style et de tous parce que cela est venu en tant que fonctionnalité. conception de matériau angulaire injecter de manière dynamique ce style Tags pour le but de la thème. $ mdthemingprovider.generatéthemesondemand (true);
J'ai vu certains des sites qui utilisent des matériaux angulaires dans la section Head Il n'y avait pas de tags de style comme mon site, je veux masquer ceux de mon tête section @Arpit Meena
Lorsque nous utilisons le code ci-dessus comme vous l'avez dit, mon thème de site total a changé toute la couleur modifiée @Arpit Meena
@Midhunsai, avez-vous besoin de plusieurs thèmes? Ou vous voulez un seul thème pour votre site web?
Thème unique, c'est-à-dire., Matériau par défaut des éléments @Arpit Meena
@Midhunsai j'ai mis à jour la réponse s'il vous plaît vérifier et laissez-moi savoir que cela fonctionne pour vous ou non.
Il montre une erreur fournisseur inconnu $ MDTheming dans la console, j'ai essayé comme ce angular.module ("noyau"). Config (['$ stateprovider', "$ URLROUTERPROVIDER", $ mdtheming ',' $ mdthemingprovider ', fonction ($ stateprovider, $ urlrouterprovider, $ mdtheming, $ mdthemingprovider) {$ mdthemingprovider.generateethemesondemand (vrai); $ mdthemingprovider.theme ("mydefaulttheme') .Primarypalette (" violet "). 'vert'); $ mdtheming.generatetheme ('défaut'); $ mdthemingprovider.setdefaulttheme ('défaut');}); @Arpit Meena
Laissez-nous Continuez cette discussion en chat .
Veuillez essayer avec ci-dessous code JQuery
Eh bien, c'est une façon de "répondre à la question" .. Qu'en est-il de l'élément que le style a réellement affecté?
Raison: strong> Le matériau angulaire comprend un thème code> par défaut code> CSS comme variable constante. p> Vous pouvez vérifier Lorsque nous chargons cette bibliothèque dans le navigateur, il ajoute beaucoup de balises de style code> dynamiquement dans le Comment désactiver? Strong> p> Vous pouvez remplacer le 
p> Constans code> .Il n'entraînera pas d'ajouter des classes de thème sur les composants. P> angular(myApp, [ ngMaterial, myAppModules ]).constant("$MD_THEME_CSS","");
Avez-vous essayé de désactiver la génération de thème avant, puis activez celui que vous voulez? .PrimaryPalette ('Purple')
.accenpalette ('Green'); // générer le thème prédéfini nommé ALTTHEME
$ mdtheming.generatetheme ('Alttheme');
});
Lorsque Matériel.js se charge dans votre navigateur, cela ajoute de nombreuses balises de style CSS de manière dynamique au document de page. Pour les désactiver, vous devrez recompiler votre matériel angulaire à l'aide des commandes suivantes: puis installez les dépendances: puis allez à gulp / util.js et changement de ligne 53 de: à être: puis exécutez le processus de construction:
J'utilise gulp @mehuljoshi
Il ne s'agit pas de votre système de construction, vous devez aller dans le répertoire du module de noeud, puis apporter des modifications au matériel, puis vous devrez construire à nouveau, car les modifications reflétées. Pour cela, vous devrez installer Gulp.
Pouvez-vous partager votre code afin que nous puissions déboguer, il est difficile de comprendre à partir d'une image la manière dont les étiquettes de style sont générées. Veuillez fournir exemple minimal, complet et vérifiable non seulement de l'image.
Vous pouvez essayer la solution fournie dans ma réponse. J'espère que cela fonctionnera selon vos attentes.