Не могу получить базовый цикл, работающий в Typescript

Question

Я новичок в Typescript и Angular, отличных от Angular 1. Я просто пытаюсь сделать самый простой и базовый цикл, и он просто не будет работать.

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

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

    for (var i = 0; i < 5; i++) {
        console.log(i);
    }
}

Я продолжаю получать теошибки.

ERROR in src/app/app.component.ts(10,7): error TS1138: Parameter declaration expected.
src/app/app.component.ts(10,28): error TS1005: ';' expected.
src/app/app.component.ts(13,1): error TS1128: Declaration or statement expected.

Я пробовал много синтаксов, которые я обнаружил в Интернете, но ничего не работает.Угловой: 8.0.2 Угловой CLI: 8.0.3 Узел: 10.14.0

Answer 1

Для операторов не может быть потомков объявлений классов. Это недопустимый синтаксис:

export class AppComponent {
    for (var i = 0; i < 5; i++) {
        console.log(i);
    }
}

Переместите это в метод или конструктор или куда-нибудь еще, что позволяет появиться оператору for. Например:

export class AppComponent {
    constructor() {
        for (let i = 0; i < 5; i++) {
            console.log(i);
        }
    }
}