https://plnkr.co/edit/I4ArEQTniO7MJtfzpBWl?p=previewという場所にある Angular 2 ガイドの例に取り組んできました。
私のデスクトップでは、このアプリケーションはインライン テンプレート コードで問題なく動作しますが、templateUrl ファイルに変更するとすぐに問題が発生します。これは、WebStorm、Jade、および Angular 2 の組み合わせの問題によるものであることがわかりました。https://youtrack.jetbrains.com/issue/WEB-19625 および https://github.com/donpark/ のブログを参照してください。 html2jade/issues/102 .
問題の 1 つは、html2jade コンバーターが属性を小文字に変更することです。以下は、routerlink の Link と routerlinkactive の Link & Active の最初の文字を小文字に変更した例です。必要に応じて属性名を変更することで修正できます。
私が修正できない問題は、ブログに示されているように表示される WebStorm エラーです。私の場合、連絡先用の最後の routerlink 行で構文エラーが発生します。
WebStorm と Jade の両方を引き続き使用したいと思います。誰かが回避策を知っていますか、またはいずれかの製品の他のバージョンがこれらの問題を解決するかどうかを知っていますか?
h1.title Angular Router
nav
a(routerlink='/crisis-center', routerlinkactive='active') Crisis Center
a(routerlink='/heroes', routerlinkactive='active') Heroes
a(routerlink='/admin', routerlinkactive='active') Admin
a(routerlink='/login', routerlinkactive='active') Login
a([routerlink]="[{ outlets: { popup: ['compose'] } }]") Contact
router-outlet
router-outlet(name='popup')