In the example of a component that displays a simple string:

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

@component({
selector: 'my-app',
template: <h1>Hello {{name}}</h1>
})
export class AppComponent { name = 'Angular'; }

the example export class AppComponent { name = 'Angular'; } is very misleading for newcomers. It is hard to know whether Angular is a keyword or a core concept or just an example text.

I would recommend changing it into export class AppComponent { name = 'World'; } or something equivalent instead.

Proposed change:

Actual:

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

@component({
selector: 'my-app',
template: <h1>Hello {{name}}</h1>
})
export class AppComponent { name = 'Angular'; }

Expected:

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

@component({
selector: 'my-app',
template: <h1>Hello {{name}}</h1>
})
export class AppComponent { name = 'World'; }

Actual's output:
Hello Angular

Expected output:
Hello World