what does the error means in angular 2?

Question

export class DashboardComponent implements OnInit {     
@ViewChild('modal') modal: ModalComponent;
        dashboards: IDashboard[];
        dashboard: IDashboard;    
    constructor(private fb: FormBuilder, private _dshboardService: DashboardService, private router: Router) {
                var sesssion = sessionStorage.getItem('EmpDetail');
                var ses = JSON.parse(sesssion);
                var EmpNo = ses[0].EmpNumber;
                var CompanyCode = ses[0].CompanyCode;
                this.dashboard = {};
                this.dashboard.EmpName = ses[0].EmpName;
                this.dashboard.EmpNumber = ses[0].EmpNumber;
            }
}

this shows the below error on the line this.dashboard = {};

Error TS2322 Type '{}' is not assignable to type 'IDashboard'.
Property 'EmpName' is missing in type '{}'.

I need to assign the value to the properties of dashboard model and bind the same in html component

Below is my IDashboard:

export interface IDashboard {
    EmpName: string,
    EmpNumber: string,
    EmailId: string,
    FirstName: string,
    LastName: string,
    Gender: string,
    Program:string
}

@SurajRao I had updated my Question with IDashboard class. Check it now — MADHAN jack
– MADHAN jack, Commented Dec 5, 2017 at 7:21

DmitriyKhirniy · Accepted Answer · 2017-12-05 06:43:30Z

2

Error there:

this.dashboard = {};

this.dashboard has type IDashboard, i guess it has at least one to optional field. So you can't set object without setting this required fields. Something like:

interface Person {
  name: string;
}

const person = {} // Error
const person1 = {name: 'Test'} // No Error


interface Person1 {
 name?: string; //name is optional field
}
 const person = {} // No Error

answered Dec 5, 2017 at 6:43

DmitriyKhirniy

2451 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sajeetharan · Accepted Answer · 2017-12-05 06:42:31Z

1

you need to declare and initialize it with empty object inside the constructor or ngOninit.

You need to have the Dashboard declared in the component as,

const dashboard: Dashboard= {  param1: "", param2: ""...etc};

answered Dec 5, 2017 at 6:42

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

3 Comments

Sajeetharan Over a year ago

above constructor !

MADHAN jack Over a year ago

im getting errors if I add this code above constructor thats why i asked.Following are my error Build:A class member cannot have the 'const' keyword. Build:Duplicate identifier 'dashboard'. Build:Cannot find name 'Dashboard'.

Sajeetharan Over a year ago

it's just a sample code have a look here stackoverflow.com/questions/47618181/…

Collectives™ on Stack Overflow

what does the error means in angular 2?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related