Все Angular проекты имеют одинаковую проблему с component.ts

Question

Следил за некоторыми видеороликами проекта Angular 7 на YouTube, но поймал базовую стадию попытки передать имя от component.ts до component.html.

Текущий вывод с текущим кодом "Hello" без имени - без сообщений об ошибках.

APP.COMPONENT.TS:

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

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

APP.COMPONENT.HTML:

  <div>
  <h1>Hello {{ name | uppercase }} </h1>
  {{ 1 + 1 }}
  </div>

Answer 1

Пожалуйста, импортируйте CommonModule из @angular/common.Вы используете uppercase, который предоставляется CommonModule.