Syntaxe angular, utilisation des guilemets

**olivier252** · 11/01/2020, 11h51

Hello,
Je suis un tuto sur OCR et j'ai galéré des heures car je n'avais pas mis le code suivant sur une seule ligne qui suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[ngClass]="{'list-group-item': true,'list-group-item-success': cpt < 0,'list-group-item-danger': cpt > 0}">

Avant dans mon code, cette même ligne était écrite avec des sauts de lignes comme-ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
[ngClass]="{'list-group-item': true,
    'list-group-item-success': cpt < 0,
  'list-group-item-danger': cpt > 0}">

Cela me générait l'erreur suivante : 'si cette valeur d'attribut est entre guilemets, ces guillements doivent correspondre'

Si quelqu'un peut m'expliquer

Merci

**djedjethai** · 12/01/2020, 09h22

Bonjour,

J'ai fait ce meme tutos, et que ce code se trouve sur une seule ligne ou pas, ca fonctionne de la meme maniere (je viens meme de reverifier afin d'etre sur). Tu dois probablement avoir une erreur ailleurs....

**olivier252** · 12/01/2020, 12h09

Bah c'est curieux. Là le projet compile bien chez moi aussi, mais génere l'erreur dès l'instant que je fais des sauts. Ca doit être une histoire de quote. Pourrais-tu me donner ta syntaxe si ça ne t'embêtes pas que je puisse comparer avec la mienne ?

Je viens de comprendre : en efait le code est juste souligné avec les mentions que j'ai données, mais le code s'execute quand meme. Par contre quand le code est sur une ligne plus rien n'est souligné...T'embetes pas à me donner ton code du coup
Merci en tout cas

**djedjethai** · 12/01/2020, 13h26

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="col-xs-12" [ngClass]="{'list-group-item':true,'list-group-item-success': ItemStatus > 0, 'list-group-item-danger': ItemStatus < 0 }">

Avec plaisir

.

ps. oups, je viens de voir qu il fallais pas que je l'envoie, pardon.

**krakatoa** · 12/01/2020, 16h09

pour info, il y a le TShint(pour TypeScript hint comme il existe pour d'autres langages jsHint ou...) qui surveille comment on écrit le code et si on respecte certaine normes.
quand ce n'est pas respecté, il souligne soit en jaune ou en rouge...

c'est le couple éditeur + tshint qui permet cela.
l'éditeur se base sur tshint pour souligner ou pas les lignes de code, c'est à titre purement informatif !