J'ai une fonction ici ce que j'ai essayé cardatecalculator qui retourne true ou false selon le paramètre, il reçoit.here ce que j'ai essayé de changer d'arrière-plan mais que je n'ai pas travaillé.Je get d'analyse de l'erreur.IF La fonction retourne vrai. Changer la couleur d'arrière-plan comme rouge sinon rien n'arrivera
5 Réponses :
Faites comme ceci:
Les styles de réglage à l'aide de Ngstyle fonctionne comme clé: paire de valeur. La clé est le nom de la propriété de style et la valeur est la valeur de style.
Vous utilisiez le conditionnel à tort, utilisez-le plutôt pour définir la couleur sur le rouge lorsque la fonction renvoie True sinon NE PAS définissez. P>
<span [ngStyle]="{ 'background-color': carDateCalculator(car.Date) ? 'red': '' }">Some text</span>
Mettez à jour le conditionnel ngstyle code> comme ceci:
[ngStyle]="{ 'property-name': property-value }"
Essayez ceci
Vous utilisez une mauvaise syntaxe.
.ts strong> p> <span [ngStyle]="{'background-color': carDateCalculator(value) ? 'red' : ''}">Some example text</span>
Création de tuyau Méthodes à l'intérieur des composants est la mise en place de processus qui met continuellement à jour cette condition.
Vérifiez les deux avec console.log, vous verrez la différence. CardateCalculatorpipe qui définirait ce style lui-même serait mieux en performance car elle s'arrête après la correspondance.