я не могу получить доступ к переменным из моего файла TS в ngmodule в форме component.ts (angular8) - PullRequest
Новая
       38

я не могу получить доступ к переменным из моего файла TS в ngmodule в форме component.ts (angular8)

0 голосов
/ 26 апреля 2020

объяснение вопроса

это может быть немного грязно, потому что это мой первый вопрос. Я делаю сайт с идеей Intellij и angular 8 framework (restfull website). Я пытаюсь закодировать часть интерфейса после запроса. Я пытаюсь опубликовать детали клиента в моем бэкэнде, но я боролся с [(ngModel)], потому что он может подключиться к переменной klant из klantgegevens.component.ts, но не может найти никаких полей из klantgegevens.ts , Как я могу решить проблему. цель состоит в том, чтобы отправить форму с несколькими входами (имя, фамилию и дату рождения) моему бэкэнду.

ps Я импортировал модуль форм, так что это не проблема.

Klantgegevens.component. html (форма) 

          <legend class="text-center">Valid information is required to register. <span class="req"><small>
                                required *</small></span></legend>

          <div class="form-group">
            <label for="Firstname"><span class="req">* </span> Firstname: <small>This will be your login user
              name</small> </label>
            <input required type="text" [(ngModel)]="klant.(#HERE) " name="firstname" id="firstname"
                   class="form-control phone" maxlength="28" placeholder="Enter your fullname..." />
          </div>
        </fieldset>
      </form>   


----------


## Klantgegevens.component.ts##

    import { Component, OnInit } from '@angular/core';
import {AccountRegistratieService} from '../account-registratie.service';
import {Klant} from '../klantgegevens';

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


  message: any;

  klant: Klant = new Klant('' , '' , null);

  constructor(private service: AccountRegistratieService) { }

  ngOnInit(): void {}

  public registerNow()   {
    const resp = this.service.Registreren(this.klant);
    resp.subscribe((data) => this.message = data);
  }

}


----------

## Klantgegevens.ts (file) ##



    export class Klant {
  constructor(
    firstname: string,
    lastname: string,
    Date: Date
  ) {}
}


----------

## app.module.ts ##

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { KlantgegevensComponent } from './klantgegevens/klantgegevens.component';
import {HttpClientModule} from '@angular/common/http';
import {AccountRegistratieService} from './account-registratie.service';
import { HomeComponent } from './home/home.component';
import {FormsModule} from '@angular/forms';


@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpClientModule
  ],
  declarations: [
    AppComponent,
    KlantgegevensComponent,
    HomeComponent,


  ],
  providers: [AccountRegistratieService],
  bootstrap: [AppComponent]
})
export class AppModule { }
...