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.壊れた構文の強調表示を監視します。 **予想される動作**完全に機能する構文の強調表示。 **ログ** 2つのログを添付してください：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] sureProjectForOpenFilesの前：
情報3 [14：26：55.744] sureProjectForOpenFilesの後：
情報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 / tsserverlibraryv4.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-servicev11.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：{
 "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"
 ]、
 "オプション"：{
 "baseUrl"： "c：/ Users / redacted / Documents / test-proj"、
 "outDir"： "c：/ Users / redacted / Documents / test-proj / dist / out-tsc"、
 "sourceMap"：true、
 「宣言」：false、
 "downlevelIteration"：true、
 「experimentalDecorators」：true、
 「モジュール」：99、
 「moduleResolution」：2、
 「importHelpers」：true、
 「ターゲット」：2、
 "typeRoots"：[
 "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"
 }
 }
情報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経過：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経過：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経過：9ミリ秒
情報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]経過:: 0ms DirectoryWatcher :: c：/users/redacted/documents/test-proj/.git/objects/maintenance.lockでトリガー:: WatchInfo：c：/ users / redacted / documents / test-proj 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]経過:: 1ms DirectoryWatcher :: c：/users/redacted/documents/test-proj/.git/objects/maintenance.lockでトリガー:: WatchInfo：c：/ users / redacted / documents / test-proj 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 評価