0
votes

Comment définir la dynamique de couleur mat-curseur

Je veux changer la dynamique de couleur du curseur mat-curseur. J'ai une application où l'utilisateur peut sélectionner n'importe quelle couleur du palais de couleur et je souhaite montrer cette couleur en tant que couleur curseur.

Je sais que vous pouvez ajouter un nom de couleur personnalisé dans l'attribut de couleur, mais dans mon nom de couleur n'est pas corrigé. Il peut être n'importe quelle couleur du palais de couleur.

Dans cela, je vais obtenir un code de couleur dans lifearea.color


0 commentaires

3 Réponses :


-1
votes

Essayez ceci:

html xxx

Vous devez faire reliure de propriété avec couleur attribut.


3 commentaires

Ceci est la façon dont vous pouvez avoir une couleur dynamique, mais le viearea.color doit être défini dans CodeBase


Et qu'est-ce qui ne va pas avec ça? Vous pouvez toujours fournir une chaîne simple dans le balisage.


Cela ne fonctionnera pas. L'attribut de couleur ne prend pas de code de couleur direct, cela devrait être une chaîne.



0
votes

en utilisant des composants matériels, L'attribut couleur n'accepte que trois couleurs, c'est-à-dire primaire, avertir et accent qui sont par défaut dans votre thème.

Si vous vouliez affecter une couleur personnalisée au composant de matériau, vous pouvez attribuer une classe à celle-ci et donner le CSS requis pour cette couleur.

Dans votre cas, la couleur remplit de manière dynamique. Vous pouvez donc y parvenir en utilisant la directive Ngstyle.


2 commentaires

La directive de style ne sera pas utile, car le curseur mat-à-ma-curseur n'attribue pas de couleur au composant hôte, mais il attribue à sa classe Enfant div, et avec la directive de style n'est pas utile.


Oui tu as raison. J'ai essayé de nombreuses solutions après avoir lu votre commentaire, mais après de nombreuses tâches d'essai, je suis arrivé à cette conclusion: vous devez écrire votre propre palette de thème. Parce que le curseur mat-curseur accepte la couleur de la seule palette de thèmes.



0
votes

Comme je sais que vous ne pouvez pas définir de couleur comme vous le souhaitez. La couleur de curseur mat-curseur doit être une themepalette selon la Documentation de matériau angulaire .

Pour faire ce matériel angulaire doit prendre en charge des couleurs supplémentaires en dehors primaire, accent, avertir mais ce n'est pas le cas.

Je pense que la seule option que vous avez est de définir un style de sil-silteuse de style de style CSS pour définir la couleur de votre arrière-plan:

  1. Définissez une variable CSS contenant votre couleur de curseur mat-curseur par défaut
  2. Définissez tous les attributs CSS nécessaires avec cette variable
  3. Modifiez la valeur de votre variable CSS lorsque la couleur change

0 commentaires