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

Question

有什么方法可以在Visual Studio 2015中启用带有角度2（非角度1）变量的html文件中的Intellisense或至少在Visual Studio 2015上进行编译时静态检查吗？

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

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”。 那么我希望能够获得“名称”属性作为建议（或者，如果不可能的话，可以在编译时检查这些属性和类是否存在）。

这样的东西已经可用了吗？

Answer 1

这样的东西已经可用了吗？

现在不行。 他们进行模板预编译后，可能会遇到一些问题 ： https : //docs.google.com/document/d/11r8IuS4xDyhVSEBp7fDYo7aiLYsLEXKs4lPd36umUGM/edit

当然，您可以很轻松地使用React / TSX。 https://basarat.gitbooks.io/typescript/content/docs/jsx/tsx.html