Solvednativescript angular FormBuilder to nativescript

    import { NgModule } from "@angular/core";
    import { NativeScriptModule } from "nativescript-angular/platform";
    import { NativeScriptFormsModule } from "nativescript-angular/forms";
    import { ReactiveFormsModule } from '@angular/forms';

    import { AppComponent } from "./app.component";

    @NgModule({
        declarations: [AppComponent],
        bootstrap: [AppComponent],
        imports: [
            NativeScriptModule,
            NativeScriptFormsModule,
            ReactiveFormsModule
        ]
    })
    export class AppModule { }

    <StackLayout class="p-20" [formGroup]="loginForm">
        <Label text="Tap the button" class="h1 text-center"></Label>
        <Button text="TAP" (tap)="onTap()" class="btn btn-primary btn-active"></Button>
        <Label [text]="message" class="h2 text-center" textWrap="true"></Label>
        <TextField formControlName="usernameControl"></TextField>
        <Label [text]="username" class="h2 text-center" textWrap="true"></Label>
    </StackLayout>

    import { Component, OnInit } from "@angular/core";
    import { AbstractControl, FormControl, FormGroup, FormBuilder, Validators } from '@angular/forms';

    @Component({
        selector: "my-app",
        templateUrl: "app.component.html",
    })
    export class AppComponent {

        public counter: number = 16;

        loginForm: FormGroup;
        usernameControl: AbstractControl;
        username = '';

        constructor(private fb: FormBuilder) {}

        ngOnInit() {
            this.loginForm = this.fb.group({
                username: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(40)]]
            });
            this.usernameControl = this.loginForm.controls['username'];
        }

        public get message(): string {
            if (this.counter > 0) {
                return this.counter + " taps left";
            } else {
                return "Hoorraaay! \nYou are ready to start building!";
            }
        }
        
        public onTap() {
            this.counter--;
            this.username = this.usernameControl.value;
        }
    }

CONSOLE ERROR file:///app/tns_modules/trace/trace.js:160:30: ns-renderer: Error in app.component.html:4:15 caused by: Cannot find control with name: 'usernameControl'