Angular Create Class

Ali Ylmaz

I created class in angular 12. But when I want to call this class from a different component,

I get an error.

What is the solution to this?

Error : Cannot assign to 'Kisiler' because it is an import.

Cannot find name 'KisiBilgisi'.

Kisiler Class

export class Kisiler {  
    CustomerCode: string;
    password: string;
    email: string;
    firstName: string;
    lastName: number;


    constructor(CustomerCode:string, password: string, email:string,firstName:string,lastName:string)
    {
      this.CustomerCode=CustomerCode;
      this.password=password;
      this.email=email;
      this.firstName=firstName;
      this.lastName=lastName;
    }
  }

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ali Ylmaz4y ago
Hi,

So how is it used later? Is there any other way?
import { Component, OnInit,Input } from '@angular/core';
import { SharedService } from 'src/app/shared.service';
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { Kisiler } from 'src/app/models/kisiler';



@Component({
  selector: 'app-add-edit-users',
  templateUrl: './add-edit-users.component.html',
  styleUrls: ['./add-edit-users.component.sass'],
  providers:[SharedService,Kisiler]
})
export class AddEditUsersComponent implements OnInit {

  constructor(private service:SharedService, private model:Kisiler) { }

  kisiForm=new FormGroup({
    CustomerCode:new FormControl('',[Validators.required]),
    email:new FormControl(''),
    Password:new FormControl(''),
    firstName:new FormControl(''),
    lastName:new FormControl('')
  });

this.model.CustomerCode="";
this.model.password="";
Sachin Singh4y ago
like this
providers:[SharedService,Kisiler]
providers is an array so you can include multiple classes, at the end of the day, in angular everything is a class whether it is a service, a module, a simple class or anything.
Ali Ylmaz4y ago
Hi,

Did you mean like below,

But there is Shared service there. Service to connect to the room web api. How can I do in this case.

I need to call people in model page.
import { Component, OnInit,Input } from '@angular/core';
import { SharedService } from 'src/app/shared.service';
import { FormControl } from '@angular/forms';
import { Kisiler } from 'src/app/models/kisiler';

@Component({
  selector: 'app-add-edit-users',
  templateUrl: './add-edit-users.component.html',
  styleUrls: ['./add-edit-users.component.sass'],
  providers:[SharedService]
})
export class AddEditUsersComponent implements OnInit {

  constructor(private service:SharedService) { }
Sachin Singh4y ago
include it in the provider[] inside appModule if you want to use it globally or inside the provider[] of your component if you want to use it just inside that component.