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