VSCode无法识别模板中的变量

Question

我正在学习名为Learning AngularJS 2的Lynda课程，并且我已经完成了使应用程序正常工作的分配。它编译得很好并且可以在浏览器中按预期工作。但是，Visual Studio Code在所有模板文件中都给出了问题警告：

标识符“艺术家”未定义。组件声明，模板变量声明和元素引用不包含此类成员

艺术家details.component.html：

<div class="container mt-3">
    <div class="row justify-content-center">
  <div class="col-sm-4 col-lg-3">
    <img class="img-fluid rounded" src="assets/images/{{artist.shortname}}.jpg" alt="{{artist.name}} photo">
  </div>
  <div class="col-sm-8 col-lg-4">
    <h2 class="mt-3 mt-sm-0 mb-0">{{artist.name}}</h2>
    <h4 class="mt-0">{{artist.reknown}}</h4>
    <p>{{artist.bio}}</p>
  </div>
</div>

艺术家details.component.ts：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-artist-details',
  templateUrl: './artist-details.component.html',
  inputs: ['artist']
})
export class ArtistDetailsComponent implements OnInit {
  constructor() { }
  ngOnInit() {
  }    
}

我已经安装了Angular Essentials扩展。

Answer 1

好吧，我发现它似乎是一个Visual Studio Code bug。写artist['name']instead artist.name使警告消失。