Vscode-ng-language-service: 在 .html 模板文件中使用反斜杠转义大括号时，语法突出显示中断。

创建于 2020-11-27 · 3评论 · 资料来源: angular/vscode-ng-language-service

描述错误
标题说明了一切。

再现

重现行为的步骤：

创建空项目ng new test-app
打开文件test-proj/src/app/app.component.html
转义 html 组件中的花括号。

<button type="button" (click)="TestMethod('{{text}\}')">Add text field</button>
<button type="button" (click)="TestMethod('{{text_2}\}')">Add text_2 field</button>

4. 观看损坏的语法高亮。 **预期行为** 完全有效的语法突出显示。 **日志** 请附上两个日志： 1. 控制台输出（转到工具栏--> 查看--> 输出，复制内容）

[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. 日志文件（启动时打印路径到控制台输出）

信息 0 [14:26:55.743] 格式主机信息已更新
信息 1 [14:26:55.744] 重新加载项目。
信息 2 [14:26:55.744] 在 ensureProjectForOpenFiles 之前：
信息 3 [14:26:55.744] 在 ensureProjectForOpenFiles 之后：
信息 4 [14:26:55.744] 更新了主机文件扩展名映射
信息 5 [14:26:55.744] Angular 语言服务器进程 ID：22612
信息 6 [14:26:55.745] 使用来自 c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\node_modules\typescript\lib\tsserverlibrary.js 的 typescript/lib/tsserverlibrary v4.0.5
信息 7 [14:26:55.745] 使用来自 c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\server\node_modules\@angular\language 的 @angular/language-service v11.0.1 -service\bundles\language-service.js
信息 8 [14:26:55.745] 日志文件：c:\Users\redacted\AppData\Roaming\Code\logs\20201127T142648\exthost1\Angular.ng-template\nglangsvc.log
信息 9 [14:26:55.749] 搜索路径：c:/Users/redacted/Documents/test-proj/src/app
信息 10 [14:26:55.750] 信息：c:/Users/redacted/Documents/test-proj/src/app/app.component.html :: 配置文件名：c:/Users/redacted/Documents/test -proj/tsconfig.json
信息 11 [14:26:55.750] 打开配置文件 c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 12 [14:26:55.753] 加载新项目：为 c:/Users/redacted/Documents/test-proj/src/app/app.component.html 创建可能的配置项目以打开
信息 13 [14:26:55.773] 配置：c:/Users/redacted/Documents/test-proj/tsconfig.json：{
 “根名称”：[
 "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”
 ],
 “选项”： {
 "baseUrl": "c:/Users/redacted/Documents/test-proj",
 "outDir": "c:/Users/redacted/Documents/test-proj/dist/out-tsc",
 "sourceMap": 真,
 “声明”：假，
 “下级迭代”：真，
 "experimentalDecorators": 真,
 “模块”：99，
 “模块分辨率”：2，
 “importHelpers”：真，
 “目标”：2，
 “类型根”：[
 “c:/Users/redacted/Documents/test-proj/node_modules/@types”
 ],
 “库”：[
 "lib.es2018.d.ts",
 “lib.dom.d.ts”
 ],
 "configFilePath": "c:/Users/redacted/Documents/test-proj/tsconfig.json"
 }
 }
信息 14 [14:26:55.775] 加载全局插件 @angular/language-service
信息 15 [14:26:55.775] 从候选路径启用插件 @angular/language-service：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/../../ ..
信息 16 [14:26:55.775] 从 c:\Users\redacted\.vscode\extensions\angular.ng-template-0.1100.1\server\node_modules\@angular\language-service\ 加载@angular/language-service bundles\language-service.js（解析为 c:/Users/redacted/.vscode/extensions/angular.ng-template-0.1100.1/server/node_modules/@angular/language-service/bundles/language-service.js /node_modules)
信息 17 [14:26:55.816] 插件验证成功
信息 18 [14:26:55.844] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 19 [14:26:58.0] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：1 structureChanged：true 经过：2156ms
信息 20 [14:26:58.0] 项目“c:/Users/redacted/Documents/test-proj/tsconfig.json”（已配置）
信息 21 [14:26:58.0] 文件 (249)

信息 22 [14:26:58.0] ----------------------------------------- ------
信息 23 [14:26:58.29] 启动 updateGraphWorker：项目：/dev/null/autoImportProviderProject1*
信息 24 [14:26:58.267] 完成 updateGraphWorker：项目：/dev/null/autoImportProviderProject1* 版本：1 structureChanged：true 已用时间：238ms
信息 25 [14:26:58.267] 项目“/dev/null/autoImportProviderProject1*”（AutoImportProvider）
信息 26 [14:26:58.267] 文件 (68)

信息 27 [14:26:58.267] ----------------------------------------- ------
信息 28 [14:26:58.268] 为 c:/Users/redacted/Documents/test-proj/tsconfig.json 启用 VE 语言服务。
信息 29 [14:27:3.54] 搜索路径：c:/Users/redacted/Documents/test-proj/src/app
信息 30 [14:27:3.54] 信息：c:/Users/redacted/Documents/test-proj/src/app/app.component.ts :: 配置文件名：c:/Users/redacted/Documents/test -proj/tsconfig.json
信息 31 [14:27:5.160] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 32 [14:27:5.180] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：2 structureChanged：false 已用时间：20ms
信息 33 [14:27:5.180] 具有相同文件集的不同程序:: oldProgram.structureIsReused:: 2
信息 34 [14:27:6.301] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 35 [14:27:6.303] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：3 structureChanged：false 已用时间：2ms
信息 36 [14:27:10.727] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 37 [14:27:10.729] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：4 structureChanged：false 已用时间：2ms
信息 38 [14:27:11.223] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 39 [14:27:11.225] 完成 updateGraphWorker: 项目: c:/Users/redacted/Documents/test-proj/tsconfig.json 版本: 5 structureChanged: false Elapsed: 2ms
信息 40 [14:27:11.404] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 41 [14:27:11.406] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：6 structureChanged：false 已用时间：2ms
信息 42 [14:27:11.699] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 43 [14:27:11.701] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：7 structureChanged：false 已用时间：2ms
信息 44 [14:27:11.911] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 45 [14:27:11.913] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：8 structureChanged：false 经过：2ms
信息 46 [14:27:12.5] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 47 [14:27:12.7] 完成 updateGraphWorker: 项目: c:/Users/redacted/Documents/test-proj/tsconfig.json 版本: 9 structureChanged: false 经过: 2ms
信息 48 [14:27:14.322] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 49 [14:27:14.324] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：10 structureChanged：false 已用：2ms
信息 50 [14:27:14.918] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 51 [14:27:14.920] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：11 structureChanged：false 已用：2ms
信息 52 [14:27:15.57] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 53 [14:27:15.59] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：12 structureChanged：false 已用时间：2ms
信息 54 [14:27:15.284] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 55 [14:27:15.286] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：13 structureChanged：false 已用时间：1ms
信息 56 [14:27:15.346] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 57 [14:27:15.348] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：14 structureChanged：false 已用：2ms
信息 58 [14:27:15.409] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 59 [14:27:15.410] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：15 structureChanged：false 已用：1ms
信息 60 [14:27:15.509] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 61 [14:27:15.510] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：16 structureChanged：false 已用时间：1ms
信息 62 [14:27:17.699] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 63 [14:27:17.702] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：17 structureChanged：false 已用时间：3ms
信息 64 [14:27:22.16] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 65 [14:27:22.18] 完成 updateGraphWorker: 项目: c:/Users/redacted/Documents/test-proj/tsconfig.json 版本: 18 structureChanged: false Elapsed: 2ms
信息 66 [14:27:22.420] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 67 [14:27:22.422] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：19 structureChanged：false 已用时间：2ms
信息 68 [14:27:24.608] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 69 [14:27:24.609] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：20 structureChanged：false 已用时间：1ms
信息 70 [14:27:26.458] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 71 [14:27:26.460] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：21 structureChanged：false 已用：1ms
信息 72 [14:28:51.492] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 73 [14:28:51.501] 完成 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 版本：22 structureChanged：false 已用时间：9ms
信息 74 [14:28:51.518] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 75 [14:28:51.520] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：23 structureChanged：false 已用：2ms
信息 76 [14:28:52.120] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 77 [14:28:52.122] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：24 structureChanged：false 已用：2ms
信息 78 [14:28:53.366] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 79 [14:28:53.367] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：25 structureChanged：false 已用：1ms
信息 80 [14:28:53.425] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 81 [14:28:53.429] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：26 structureChanged：false 已用时间：4ms
信息 82 [14:28:53.962] 启动 updateGraphWorker：项目：c:/Users/redacted/Documents/test-proj/tsconfig.json
信息 83 [14:28:53.964] 完成 updateGraphWorker：项目：c：/Users/redacted/Documents/test-proj/tsconfig.json 版本：27 structureChanged：false 已用时间：2ms
信息 84 [14:29:52.577] DirectoryWatcher:: 触发 c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/documents/test- proj 1 undefined 项目：c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType：通配符目录
信息 85 [14:29:52.577] 项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 检测到忽略的路径：c:/users/redacted/documents/test-proj/.git/objects/maintenance 。锁
信息 86 [14:29:52.577] Elapsed:: 0ms DirectoryWatcher:: 触发 c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/文档/测试项目 1 未定义项目：c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType：通配符目录
信息 87 [14:29:52.577] DirectoryWatcher:: 触发 c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/documents/test- proj 1 undefined 项目：c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType：通配符目录
信息 88 [14:29:52.578] 项目：c:/Users/redacted/Documents/test-proj/tsconfig.json 检测到忽略的路径：c:/users/redacted/documents/test-proj/.git/objects/maintenance 。锁
信息 89 [14:29:52.578] Elapsed:: 1ms DirectoryWatcher:: 触发 c:/users/redacted/documents/test-proj/.git/objects/maintenance.lock :: WatchInfo: c:/users/redacted/文档/测试项目 1 未定义项目：c:/Users/redacted/Documents/test-proj/tsconfig.json WatchType：通配符目录

截图
Screenshot

附加上下文

在此处添加有关该问题的任何其他上下文。

bug

资料来源

MoazAlkharfan

最有用的评论

您好，感谢您的报告。不建议以这种方式转义插值标签，因为它绕过了框架中如何解析插值，并且这样做很快就会出错。在您的示例中将插值转义为文本的推荐方法是AddTextToActiveInput('{{ "{{" }}text{{ "}}" }}') 。出于这个原因，我认为我们不会在这种情况下修复语法高亮问题。

ayazhafiz 于 2020-11-30

👍2

所有3条评论

ayazhafiz 于 2020-11-30

👍2

关闭为无修复。

ayazhafiz 于 2020-12-03

由于不活动，此问题已被自动锁定。
如果您遇到类似或相关的问题，请提交新问题。

阅读有关我们的自动对话锁定政策的更多信息。

_{_此操作已由机器人自动执行。_}

angular-automatic-lock-bot[bot] 于 2021-01-03

此页面是否有帮助？

0 / 5 - 0 等级

Vscode-ng-language-service: 在 .html 模板文件中使用反斜杠转义大括号时，语法突出显示中断。

最有用的评论

所有3条评论

相关问题