Vscode-ng-language-service: O realce da sintaxe é interrompido ao escapar das chaves com barra invertida no arquivo de modelo .html.

Criado em 27 nov. 2020  ·  3Comentários  ·  Fonte: angular/vscode-ng-language-service

Descreva o bug
O título diz tudo.

Reproduzir

Passos para reproduzir o comportamento:

  1. Criar projeto vazio ng new test-app
  2. Abra o arquivo test-proj/src/app/app.component.html
  3. Escape das chaves no componente html.
<button type="button" (click)="TestMethod('{{text}\}')">Add text field</button>
<button type="button" (click)="TestMethod('{{text_2}\}')">Add text_2 field</button>
4. Observe o realce de sintaxe quebrada. ** Comportamento esperado ** Hightlighting de sintaxe totalmente funcional. ** Logs ** Anexe dois logs: 1. Saída do console (vá para a barra de ferramentas -> Exibir -> Saída e copie o conteúdo)
[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. Arquivo de log (o caminho é impresso na saída do console na inicialização)
 Info 0 [14: 26: 55.743] Informações do host de formato atualizadas
 Info 1 [14: 26: 55.744] recarregar projetos.
 Info 2 [14: 26: 55.744] Antes de verifyProjectForOpenFiles:
 Info 3 [14: 26: 55.744] Depois de garantirProjetoForOpenFiles:
 Info 4 [14: 26: 55.744] Mapeamentos de extensão de arquivo host atualizados
 Info 5 [14: 26: 55.744] ID do processo do servidor de linguagem angular: 22612
 Info 6 [14: 26: 55.745] Usando 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] Usando @ 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] Arquivo de log: c: \ Users \ redacted \ AppData \ Roaming \ Code \ logs \ 20201127T142648 \ exthost1 \ Angular.ng-template \ nglangsvc.log
 Info 9 [14: 26: 55.749] Caminho de pesquisa: c: / Usuários / redigido / Documentos / test-proj / src / app
 Info 10 [14: 26: 55.750] Para informações: c: /Users/redacted/Documents/test-proj/src/app/app.component.html :: Nome do arquivo de configuração: c: / Users / redacted / Documents / test -proj / tsconfig.json
 Info 11 [14: 26: 55.750] Arquivo de configuração aberto c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 12 [14: 26: 55.753] Carregando novo projeto: Criando possível projeto configurado para c: /Users/redacted/Documents/test-proj/src/app/app.component.html para abrir
 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"
 ],
 "opções": {
 "baseUrl": "c: / Usuários / redigido / Documentos / test-proj",
 "outDir": "c: / Usuários / redigido / Documentos / test-proj / dist / out-tsc",
 "sourceMap": verdadeiro,
 "declaração": falso,
 "downlevelIteration": verdadeiro,
 "experimentalDecorators": verdadeiro,
 "módulo": 99,
 "moduleResolution": 2,
 "importHelpers": verdadeiro,
 "target": 2,
 "typeRoots": [
 "c: / Usuários / redigido / Documentos / 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] Carregando plugin global @ angular / language-service
 Info 15 [14: 26: 55.775] Habilitando plugin @ angular / language-service a partir de caminhos candidatos: 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] Carregando @ angular / language-service de c: \ Users \ redacted \ .vscode \ extensions \ angular.ng-template-0.1100.1 \ server \ node_modules \ @angular \ language-service \ bundles \ language-service.js (resolvido para 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] Validação do plug-in bem-sucedida
 Info 18 [14: 26: 55.844] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 19 [14: 26: 58.0] Finalizando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 1 structureChanged: true Decorrido: 2156ms
 Info 20 [14: 26: 58.0] Projeto 'c: /Users/redacted/Documents/test-proj/tsconfig.json' (configurado)
 Info 21 [14: 26: 58.0] Arquivos (249)

 Info 22 [14: 26: 58.0] ----------------------------------------- ------
 Info 23 [14: 26: 58.29] Iniciando updateGraphWorker: Projeto: / dev / null / autoImportProviderProject1 *
 Info 24 [14: 26: 58.267] Concluindo updateGraphWorker: Projeto: / dev / null / autoImportProviderProject1 * Versão: 1 structureChanged: true Decorrido: 238ms
 Info 25 [14: 26: 58.267] Projeto '/ dev / null / autoImportProviderProject1 *' (AutoImportProvider)
 Info 26 [14: 26: 58.267] Arquivos (68)

 Info 27 [14: 26: 58,267] ----------------------------------------- ------
 Info 28 [14: 26: 58.268] Habilitando o serviço de linguagem VE para c: /Users/redacted/Documents/test-proj/tsconfig.json.
 Info 29 [14: 27: 3.54] Caminho de pesquisa: c: / Usuários / redigido / Documentos / test-proj / src / app
 Info 30 [14: 27: 3.54] Para informações: c: /Users/redacted/Documents/test-proj/src/app/app.component.ts :: Nome do arquivo de configuração: c: / Users / redacted / Documents / test -proj / tsconfig.json
 Info 31 [14: 27: 5.160] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 32 [14: 27: 5.180] Finalizando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 2 structureChanged: false Decorrido: 20 ms
 Info 33 [14: 27: 5.180] Programa diferente com o mesmo conjunto de arquivos :: oldProgram.structureIsReused :: 2
 Info 34 [14: 27: 6.301] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 35 [14: 27: 6.303] Finalizando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 3 structureChanged: false Decorrido: 2 ms
 Info 36 [14: 27: 10.727] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 37 [14: 27: 10.729] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 4 structureChanged: false Decorrido: 2ms
 Info 38 [14: 27: 11.223] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 39 [14: 27: 11.225] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 5 structureChanged: false Decorrido: 2 ms
 Info 40 [14: 27: 11.404] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 41 [14: 27: 11.406] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 6 structureChanged: false Decorrido: 2 ms
 Info 42 [14: 27: 11.699] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 43 [14: 27: 11.701] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 7 structureChanged: false Decorrido: 2 ms
 Info 44 [14: 27: 11.911] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 45 [14: 27: 11.913] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 8 structureChanged: false Decorrido: 2ms
 Info 46 [14: 27: 12.5] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 47 [14: 27: 12.7] Finalizando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 9 structureChanged: false Decorrido: 2ms
 Info 48 [14: 27: 14.322] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 49 [14: 27: 14.324] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 10 structureChanged: false Decorrido: 2ms
 Info 50 [14: 27: 14.918] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 51 [14: 27: 14.920] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 11 structureChanged: false Decorrido: 2ms
 Info 52 [14: 27: 15.57] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 53 [14: 27: 15.59] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 12 structureChanged: false Decorrido: 2ms
 Info 54 [14: 27: 15.284] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 55 [14: 27: 15.286] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 13 structureChanged: false Decorrido: 1 ms
 Info 56 [14: 27: 15.346] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 57 [14: 27: 15.348] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 14 structureChanged: false Decorrido: 2ms
 Info 58 [14: 27: 15.409] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 59 [14: 27: 15.410] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 15 structureChanged: false Decorrido: 1 ms
 Info 60 [14: 27: 15.509] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 61 [14: 27: 15.510] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 16 structureChanged: false Decorrido: 1 ms
 Info 62 [14: 27: 17.699] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 63 [14: 27: 17.702] Finalizando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 17 structureChanged: false Decorrido: 3 ms
 Info 64 [14: 27: 22.16] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 65 [14: 27: 22.18] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 18 structureChanged: false Decorrido: 2ms
 Info 66 [14: 27: 22.420] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 67 [14: 27: 22.422] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 19 structureChanged: false Decorrido: 2ms
 Info 68 [14: 27: 24.608] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 69 [14: 27: 24.609] Finalizando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 20 structureChanged: false Decorrido: 1 ms
 Info 70 [14: 27: 26.458] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 71 [14: 27: 26.460] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 21 structureChanged: false Decorrido: 1 ms
 Info 72 [14: 28: 51.492] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 73 [14: 28: 51.501] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 22 structureChanged: false Decorrido: 9 ms
 Info 74 [14: 28: 51.518] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 75 [14: 28: 51.520] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 23 structureChanged: false Decorrido: 2ms
 Info 76 [14: 28: 52.120] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 77 [14: 28: 52.122] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 24 structureChanged: false Decorrido: 2ms
 Info 78 [14: 28: 53.366] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 79 [14: 28: 53.367] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 25 structureChanged: false Decorrido: 1 ms
 Info 80 [14: 28: 53.425] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 81 [14: 28: 53.429] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 26 structureChanged: false Decorrido: 4ms
 Info 82 [14: 28: 53.962] Iniciando updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json
 Info 83 [14: 28: 53.964] Concluindo updateGraphWorker: Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Versão: 27 structureChanged: false Decorrido: 2ms
 Info 84 [14: 29: 52.577] DirectoryWatcher :: Disparado com c: /users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c: / users / redacted / documents / test- proj 1 undefined Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json WatchType: Diretório curinga
 Info 85 [14: 29: 52.577] Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Caminho ignorado detectado: c: /users/redacted/documents/test-proj/.git/objects/maintenance .trancar
 Info 86 [14: 29: 52.577] Decorrido :: 0ms DirectoryWatcher :: Disparado com c: /users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c: / users / redacted / documents / test-proj 1 undefined Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json WatchType: Diretório curinga
 Info 87 [14: 29: 52.577] DirectoryWatcher :: Disparado com c: /users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c: / users / redacted / documents / test- proj 1 undefined Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json WatchType: Diretório curinga
 Info 88 [14: 29: 52.578] Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json Caminho ignorado detectado: c: /users/redacted/documents/test-proj/.git/objects/maintenance .trancar
 Info 89 [14: 29: 52.578] Decorrido :: 1ms DirectoryWatcher :: Disparado com c: /users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c: / users / redacted / documents / test-proj 1 undefined Projeto: c: /Users/redacted/Documents/test-proj/tsconfig.json WatchType: Diretório curinga

Capturas de tela
Screenshot

Contexto adicional

Adicione qualquer outro contexto sobre o problema aqui.

bug
Fonte
picture MoazAlkharfan

Comentários muito úteis

Oi, obrigado pelo relatório. O escape das tags de interpolação dessa forma não é recomendado, pois evita como as interpolações são analisadas na estrutura e , em breve, será um erro . A maneira recomendada de escapar das interpolações como texto em seu exemplo seria AddTextToActiveInput('{{ "{{" }}text{{ "}}" }}') . Por esse motivo, não acho que corrigiremos o problema de realce de sintaxe neste caso.

picture ayazhafiz em 30 nov. 2020
👍2

Todos 3 comentários

Oi, obrigado pelo relatório. O escape das tags de interpolação dessa forma não é recomendado, pois evita como as interpolações são analisadas na estrutura e , em breve, será um erro . A maneira recomendada de escapar das interpolações como texto em seu exemplo seria AddTextToActiveInput('{{ "{{" }}text{{ "}}" }}') . Por esse motivo, não acho que corrigiremos o problema de realce de sintaxe neste caso.

ayazhafiz picture ayazhafiz em 30 nov. 2020
👍2

Fechando sem conserto.

ayazhafiz picture ayazhafiz em 3 dez. 2020

Este problema foi bloqueado automaticamente devido à inatividade.
Registre um novo problema se você estiver encontrando um problema semelhante ou relacionado.

Leia mais sobre nossa política de bloqueio automático de conversas .

_Esta ação foi executada automaticamente por um bot._

angular-automatic-lock-bot[bot] picture angular-automatic-lock-bot[bot] em 3 jan. 2021
Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

sheikalthaf picture sheikalthaf  ·  5Comentários
fxck picture fxck  ·  6Comentários
kondi picture kondi  ·  4Comentários
JoannaFalkowska picture JoannaFalkowska  ·  3Comentários
pfeigl picture pfeigl  ·  6Comentários