Visual Studio 2015 Angular2 html 变量智能感知/编译检查

Question

有什么方法可以在 html 文件中对 visual studio 2015 启用 intellisense 或至少编译时静态检查 angular 2（不是 angular 1）变量？

例如，如果您在某处有以下打字稿：

export class Hero {
    constructor(
      public id:number,
      public name:string) { }
}

例如，如果您的 html 中包含以下内容：

  <h1>{{title}}</h1>
  <h2>My favorite hero is: {{myHero}}</h2>
  <p>Heroes:</p>
  <ul>
      <li *ng-for="#hero of heroes">
          {{ hero.name }}
      </li>
  </ul>

然后我想要智能感知或至少编译检查那个英雄对象及其属性的使用情况。如果我输入 "hero." 那么我希望能够得到 "name" 属性作为建议（或者如果不可能的话可以在编译时检查这些属性和类存在）。

类似的东西已经可用了吗？

Answer 1

Is something like that already available?

暂时没有。在模板预编译工作后可能会有一些东西：https://docs.google.com/document/d/11r8IuS4xDyhVSEBp7fDYo7aiLYsLEXKs4lPd36umUGM/edit

当然你可以很容易地使用React/TSX。https://basarat.gitbooks.io/typescript/content/docs/jsx/tsx.html

Visual Studio 2015 Angular2 html 变量智能感知/编译检查

Visual Studio 2015 Angular2 html variable intellisense / compile checks

intellisense

angularjs

typescript

visual-studio-2015