VS Code - 如何從 angular html 模板創建方法？

Question

因此，當我想在 Angular 組件的 html 中聲明一個新方法時，WebStorm 為我提供了在 ts 中創建此方法的機會：

但是，如果我在 VS 代碼中嘗試相同的方法，我將無法創建方法。 有什么解決辦法嗎？ （擴展，也許在設置中）

Answer 1

您可以使用擴展程序My Code Actions v0.6.0。

將其添加到您的settings.json

"my-code-actions.actions": {
    "[html]": {
      "Create function {{atCursor:$1}}": {
        "file": "${fileBasenameNoExtension}.ts",
        "atCursor": "\\(click\\)=\"([^\"]+)\\(\\)\"",
        "text": "function {{atCursor:$1}}() {\n}\n\n"
      }
    }
  }

如果需要，您可以添加更復雜（多個）的編輯

您可以查看擴展的文檔頁面，查看添加/修改導入語句的復雜編輯示例。

如果 Angular 模板文件不是 html，請調整languageID 。

Answer 2

現在可以使用VSCode Angular 語言服務插件v14.2.0

• 壯舉：支持修復組件缺失成員（ angular/angular#46764 ）
• 壯舉：支持代碼操作（#1723 ）

Answer 3

因此，當我想在 Angular 組件的 html 中聲明一個新方法時，webstorm 為我提供了在 ts 中創建此方法的機會：

但是，如果我在 VS 代碼上嘗試相同，我將無法創建方法。 有什么解決辦法嗎？ （擴展，可能在設置中）