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:}}": {
        "file": "${fileBasenameNoExtension}.ts",
        "atCursor": "\(click\)=\"([^\"]+)\(\)\"",
        "text": "function {{atCursor:}}() {\n}\n\n"
      }
    }
  }

如果需要，您可以添加更复杂（多个）的编辑

您可以查看扩展的文档页面，查看对 add/modify 导入语句进行复杂编辑的示例。

如果 angular 个模板文件不是 html

，请调整语言 ID

VS Code - 如何从 angular html 模板创建方法？

VS Code - How to create a method from angular html template?

shortcut

webstorm

visual-studio-code

angular