Question

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

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

artist-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>

artist-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错误。用artist['name']代替artist.name可以使警告消失。

VSCode无法识别模板中的变量

1 个答案: