如何让Angular在VS Code的HTML模板中支持类型化对象智能提示？

要让Angular的HTML模板获得和组件类一致的类型智能提示，按以下步骤操作：

• 配置开发环境核心工具
  在VS Code中安装Angular Language Service插件，这是实现模板类型提示的关键。安装后确认VS Code设置中"angular.enableLanguageService": true处于开启状态（默认已开启）。

• 确保组件属性类型明确
  你已经在组件类中为places指定了IPlace[]类型，这是基础要求——绝对不要用any类型定义属性，否则语言服务无法完成类型推断。另外注意检查你的interfaces.ts代码：IOriginalPlace中latitude: number后面缺少逗号，虽然TypeScript语法上允许，但可能影响类型解析，建议补上。

• 验证模板与组件的关联
  确认组件@Component装饰器里的templateUrl路径正确指向目标HTML文件，路径错误会导致语言服务无法将组件类型关联到模板。

• 在模板中正常使用类型化变量
  当你在模板中写*ngFor="let place of places"时，Angular Language Service会自动推断place的类型为IPlace，此时输入place.就会弹出idCode、title等属性的智能提示。

如果仍无提示，可尝试以下排查动作：

• 重启VS Code，强制语言服务重新加载项目类型信息
• 确认model.getPraguePlaces()返回的确实是IPlace[]类型，而非any[]

内容的提问来源于stack exchange，提问作者Edward Tanguay