模块不会在英雄之旅教程中更新

Question

我正在 angular.io 上做官方的“英雄之旅”Angular 教程。

添加一个名为“英雄”的模块并显示它后，一切都很好。 heros.component.html 只包含一个 p-tag 说“英雄有用！”。当我更改它时，我的应用程序将得到更新，但它不会更新在 hero.component.html 中所做的更改。因此，即使项目中不再写“英雄作品”，应用程序仍会显示该消息。 非常感谢您的帮助。

heroes.component.ts:

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

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {

 hero = 'windstorm';

 constructor() { }

 ngOnInit() {
 }

}

heroes.component.html:

<h2>{{hero}}</h2>>

app.component.html：

<h1>{{title}}</h1>
<app-heroes></app-heroes>

app.component.ts：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'tour';
}

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { HeroesComponent } from './heroes/heroes.component';

@NgModule({
  declarations: [
    AppComponent,
    HeroesComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

从顶部快速完成一些事情。

<h2>{{hero}}</h2>**>** 移除组件 html 文件中多余的大于号。

您可以发送文件结构的屏幕截图吗？

尝试在 Chrome 的隐身窗口中打开应用，以确保您的缓存已完全清除。