Vscode-ng-language-service: La syntaxe en surbrillance saute lors de l'échappement des accolades avec une barre oblique inverse dans le fichier modèle .html.

Créé le 27 nov. 2020  ·  3Commentaires  ·  Source: angular/vscode-ng-language-service

Décrivez le bogue
Le titre dit tout.

Reproduire

Étapes pour reproduire le comportement :

  1. Créer un projet vide ng new test-app
  2. Ouvrir le fichier test-proj/src/app/app.component.html
  3. Échappez les accolades dans le composant html.
<button type="button" (click)="TestMethod('{{text}\}')">Add text field</button>
<button type="button" (click)="TestMethod('{{text_2}\}')">Add text_2 field</button>
4. Regardez la mise en évidence de la syntaxe cassée. **Comportement attendu** Mise en évidence de la syntaxe entièrement fonctionnelle. ** Journaux ** Veuillez joindre deux journaux : 1. Sortie de la console (Allez à la barre d'outils --> Affichage --> Sortie et copiez le contenu)
[Info  - 2:26:55 PM] Angular language server process ID: 22612
[Info  - 2:26:55 PM] Using typescript/lib/tsserverlibrary v4.0.5 from c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\node_modules\typescript\lib\tsserverlibrary.js
[Info  - 2:26:55 PM] Using @angular/language-service v11.0.1 from c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\server\node_modules\@angular\language-service\bundles\language-service.js
[Info  - 2:26:55 PM] Log file: c:\Users\redacted\AppData\Roaming\Code\logs\20201127T142648\exthost1\Angular.ng-template\nglangsvc.log
[Info  - 2:26:58 PM] Enabling VE language service for c:/Users/redacted/Documents/test-proj/tsconfig.json.
2. Fichier journal (le chemin est imprimé sur la sortie de la console au démarrage)
 Info 0 [14:26:55.743] Format des informations sur l'hôte mis à jour
 Info 1 [14:26:55.744] recharge les projets.
 Info 2 [14:26:55.744] Avant d'assurerProjectForOpenFiles :
 Info 3 [14:26:55.744] Après assurerProjectForOpenFiles :
 Info 4 [14:26:55.744] Mappages d'extension de fichier hôte mis à jour
 Info 5 [14:26:55.744] ID de processus de serveur de langue angulaire : 22612
 Info 6 [14:26:55.745] Utilisation de typescript/lib/tsserverlibrary v4.0.5 de c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\node_modules\typescript\lib\tsserverlibrary.js
 Info 7 [14:26:55.745] Utilisation de @angular/language-service v11.0.1 de c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\server\node_modules\@angular\language -service\bundles\language-service.js
 Info 8 [14:26:55.745] Fichier journal : c:\Users\redacted\AppData\Roaming\Code\logs\20201127T142648\exthost1\Angular.ng-template\nglangsvc.log
 Info 9 [14:26:55.749] Chemin de recherche : c:/Users/redacted/Documents/test-proj/src/app
 Info 10 [14:26:55.750] Pour info : c:/Users/redacted/Documents/test-proj/src/app/app.component.html :: Nom du fichier de configuration : c:/Users/redacted/Documents/test -proj/tsconfig.json
 Info 11 [14:26:55.750] Fichier de configuration ouvert c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 12 [14:26:55.753] Chargement d'un nouveau projet : création d'un projet configuré possible pour c:/Users/redacted/Documents/test-proj/src/app/app.component.html à ouvrir
 Info 13 [14:26:55.773] Config : c:/Users/redacted/Documents/test-proj/tsconfig.json : {
 "rootNames": [
 "c:/Users/redacted/Documents/test-proj/e2e/src/app.e2e-spec.ts",
 "c:/Users/redacted/Documents/test-proj/e2e/src/app.po.ts",
 "c:/Users/redacted/Documents/test-proj/src/main.ts",
 "c:/Users/redacted/Documents/test-proj/src/polyfills.ts",
 "c:/Users/redacted/Documents/test-proj/src/test.ts",
 "c:/Users/redacted/Documents/test-proj/src/app/app.component.spec.ts",
 "c:/Users/redacted/Documents/test-proj/src/app/app.component.ts",
 "c:/Users/redacted/Documents/test-proj/src/app/app.module.ts",
 "c:/Users/redacted/Documents/test-proj/src/environments/environment.prod.ts",
 "c:/Users/redacted/Documents/test-proj/src/environments/environment.ts"
 ],
 "options": {
 "baseUrl": "c:/Users/redacted/Documents/test-proj",
 "outDir": "c:/Users/redacted/Documents/test-proj/dist/out-tsc",
 "sourceMap": vrai,
 "déclaration": faux,
 "downlevelIteration": vrai,
 "experimentalDecorators": vrai,
 "module": 99,
 "moduleRésolution": 2,
 "importHelpers": vrai,
 "cible": 2,
 "typeRacines": [
 "c:/Users/redacted/Documents/test-proj/node_modules/@types"
 ],
 "lib": [
 "lib.es2018.d.ts",
 "lib.dom.d.ts"
 ],
 "configFilePath": "c:/Users/redacted/Documents/test-proj/tsconfig.json"
 }
 }
 Info 14 [14:26:55.775] Chargement du plugin global @angular/language-service
 Info 15 [14:26:55.775] Activation du plugin @angular/language-service à partir des chemins candidats : c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\server\node_modules\@angular\ language-service\bundles\language-service.js,c:/Users/redacted/.vscode/extensions/angular.ng-template-0.1100.1/node_modules/typescript/lib/tsserverlibrary.js/../../ ..
 Info 16 [14:26:55.775] Chargement de @angular/language-service depuis c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\server\node_modules\@angular\language-service\ bundles\language-service.js (résolu à c:/Users/redacted/.vscode/extensions/angular.ng-template-0.1100.1/server/node_modules/@angular/language-service/bundles/language-service.js /node_modules)
 Info 17 [14:26:55.816] Validation du plugin réussie
 Info 18 [14:26:55.844] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 19 [14:26:58.0] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 1 structureChanged : true Elapsed : 2156ms
 Info 20 [14:26:58.0] Projet 'c:/Users/redacted/Documents/test-proj/tsconfig.json' (Configuré)
 Info 21 [14:26:58.0] Fichiers (249)

 Info 22 [14:26:58.0] ------------------------------------------ ------
 Info 23 [14:26:58.29] Démarrage de updateGraphWorker : Projet : /dev/null/autoImportProviderProject1*
 Info 24 [14:26:58.267] Fin de la mise à jourGraphWorker : Projet : /dev/null/autoImportProviderProject1* Version : 1 structureChanged : true Elapsed : 238ms
 Info 25 [14:26:58.267] Projet '/dev/null/autoImportProviderProject1*' (AutoImportProvider)
 Info 26 [14:26:58.267] Fichiers (68)

 Info 27 [14:26:58.267] ------------------------------------------ ------
 Info 28 [14:26:58.268] Activation du service de langue VE pour c:/Users/redacted/Documents/test-proj/tsconfig.json.
 Info 29 [14:27:3.54] Chemin de recherche : c:/Users/redacted/Documents/test-proj/src/app
 Info 30 [14:27:3.54] Pour info : c:/Users/redacted/Documents/test-proj/src/app/app.component.ts :: Nom du fichier de configuration : c:/Users/redacted/Documents/test -proj/tsconfig.json
 Info 31 [14:27:5.160] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 32 [14:27:5.180] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 2 structureChanged : false Elapsed : 20ms
 Info 33 [14:27:5.180] Programme différent avec le même ensemble de fichiers :: oldProgram.structureIsReused :: 2
 Info 34 [14:27:6.301] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 35 [14:27:6.303] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 3 structureChanged : false Elapsed : 2ms
 Info 36 [14:27:10.727] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 37 [14:27:10.729] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 4 structureChanged : false Elapsed : 2ms
 Info 38 [14:27:11.223] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 39 [14:27:11.225] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 5 structureChanged : false Elapsed : 2ms
 Info 40 [14:27:11.404] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 41 [14:27:11.406] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 6 structureChanged : false Elapsed : 2ms
 Info 42 [14:27:11.699] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 43 [14:27:11.701] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 7 structureChanged : false Elapsed : 2ms
 Info 44 [14:27:11.911] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 45 [14:27:11.913] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 8 structureChanged : false Elapsed : 2ms
 Info 46 [14:27:12.5] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 47 [14:27:12.7] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 9 structureChanged : false Elapsed : 2ms
 Info 48 [14:27:14.322] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 49 [14:27:14.324] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 10 structureChanged : false Elapsed : 2ms
 Info 50 [14:27:14.918] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 51 [14:27:14.920] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 11 structureChanged : false Elapsed : 2ms
 Info 52 [14:27:15.57] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 53 [14:27:15.59] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 12 structureChanged : false Elapsed : 2ms
 Info 54 [14:27:15.284] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 55 [14:27:15.286] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 13 structureChanged : false Elapsed : 1ms
 Info 56 [14:27:15.346] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 57 [14:27:15.348] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 14 structureChanged : false Elapsed : 2ms
 Info 58 [14:27:15.409] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 59 [14:27:15.410] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 15 structureChanged : false Elapsed : 1ms
 Info 60 [14:27:15.509] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 61 [14:27:15.510] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 16 structureChanged : false Elapsed : 1ms
 Info 62 [14:27:17.699] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 63 [14:27:17.702] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 17 structureChanged : false Elapsed : 3ms
 Info 64 [14:27:22.16] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 65 [14:27:22.18] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 18 structureChanged : false Elapsed : 2ms
 Info 66 [14:27:22.420] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 67 [14:27:22.422] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 19 structureChanged : false Elapsed : 2ms
 Info 68 [14:27:24.608] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 69 [14:27:24.609] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 20 structureChanged : false Elapsed : 1ms
 Info 70 [14:27:26.458] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 71 [14:27:26.460] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 21 structureChanged : false Elapsed : 1ms
 Info 72 [14:28:51.492] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 73 [14:28:51.501] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 22 structureChanged : false Elapsed : 9ms
 Info 74 [14:28:51.518] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 75 [14:28:51.520] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 23 structureChanged : false Elapsed : 2ms
 Info 76 [14:28:52.120] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 77 [14:28:52.122] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 24 structureChanged : false Elapsed : 2ms
 Info 78 [14:28:53.366] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 79 [14:28:53.367] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 25 structureChanged : false Elapsed : 1ms
 Info 80 [14:28:53.425] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 81 [14:28:53.429] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 26 structureChanged : false Elapsed : 4ms
 Info 82 [14:28:53.962] Démarrage de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json
 Info 83 [14:28:53.964] Fin de la mise à jourGraphWorker : Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Version : 27 structureChanged : false Elapsed : 2ms
 Info 84 [14:29:52.577] DirectoryWatcher:: Déclenché avec c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/documents/test- proj 1 undefined Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType : répertoire générique
 Info 85 [14:29:52.577] Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Chemin ignoré détecté : c:/users/redacted/documents/test-proj/.git/objects/maintenance .fermer à clé
 Info 86 [14:29:52.577] Elapsed :: 0ms DirectoryWatcher :: Déclenché avec c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/ documents/test-proj 1 undefined Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType : répertoire générique
 Info 87 [14:29:52.577] DirectoryWatcher:: Déclenché avec c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/documents/test- proj 1 undefined Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType : répertoire générique
 Info 88 [14:29:52.578] Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json Chemin ignoré détecté : c:/users/redacted/documents/test-proj/.git/objects/maintenance .fermer à clé
 Info 89 [14:29:52.578] Elapsed :: 1ms DirectoryWatcher :: Déclenché avec c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/ documents/test-proj 1 undefined Projet : c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType : répertoire générique

Captures d'écran
Screenshot

Contexte supplémentaire

Ajoutez ici tout autre contexte concernant le problème.

bug

Commentaire le plus utile

Bonjour, merci pour le rapport. Échapper aux balises d'interpolation de cette manière n'est pas recommandé car cela permet de contourner la façon dont les interpolations sont analysées dans le framework, et cela sera bientôt une erreur . La méthode recommandée pour échapper aux interpolations sous forme de texte dans votre exemple serait AddTextToActiveInput('{{ "{{" }}text{{ "}}" }}') . Pour cette raison, je ne pense pas que nous allons résoudre le problème de coloration syntaxique dans ce cas.

Tous les 3 commentaires

Bonjour, merci pour le rapport. Échapper aux balises d'interpolation de cette manière n'est pas recommandé car cela permet de contourner la façon dont les interpolations sont analysées dans le framework, et cela sera bientôt une erreur . La méthode recommandée pour échapper aux interpolations sous forme de texte dans votre exemple serait AddTextToActiveInput('{{ "{{" }}text{{ "}}" }}') . Pour cette raison, je ne pense pas que nous allons résoudre le problème de coloration syntaxique dans ce cas.

Fermeture sans correction.

Ce problème a été automatiquement verrouillé en raison de l'inactivité.
Veuillez déposer un nouveau problème si vous rencontrez un problème similaire ou connexe.

En savoir plus sur notre politique de verrouillage automatique des conversations .

_Cette action a été effectuée automatiquement par un bot._

Cette page vous a été utile?
0 / 5 - 0 notes