It is possible to send number or a whole class instance to @Input ? I am trying to send the value like this value="id" or this [value]="id". for example id = 1.But in console i see that my object received string value id and not the value of id, those = 1. In console i see this:

 id :  id
    typeof:  string

UPDATED

My class that store value:

private id: number ;

  show(id: number): void { 
    this.id = id;
  }

In html page of my ponent i assign to selector of my childComponent value like this value="id" or this [value]="id".

And my child class is very simple:

 @Input() value: number;
  constructor() { 
  }
  　
  　ngOnChanges() {
  　  console.log(`ngOnChanges: `, this.value);
  　}

It is possible to send number or a whole class instance to @Input ? I am trying to send the value like this value="id" or this [value]="id". for example id = 1.But in console i see that my object received string value id and not the value of id, those = 1. In console i see this:

 id :  id
    typeof:  string

UPDATED

My class that store value:

private id: number ;

  show(id: number): void { 
    this.id = id;
  }

In html page of my ponent i assign to selector of my childComponent value like this value="id" or this [value]="id".

And my child class is very simple:

 @Input() value: number;
  constructor() { 
  }
  　
  　ngOnChanges() {
  　  console.log(`ngOnChanges: `, this.value);
  　}

• javascript
• angular

• 2 can you post your tries, it can help us to understand the problem more clearly – Rajez Commented Sep 6, 2017 at 16:51
• 1 The simple answer to your question is "yes". But to help you with syntax, we'll need to see your code. – DeborahK Commented Sep 6, 2017 at 16:52
• 1 If you pass value="id" here id is a string a variable but if you pass value = id may be depend of your context, simple description, simple answer. Regards – user8556290 Commented Sep 6, 2017 at 16:54

1 Answer 1

It is possible to send number or a whole class instance to @Input ?

Yes, it is possible.

Notes:

1. For Number and boolean variables you can pass them around as [value]="12" and [value]="true".
2. For passing strings, you need to enclose the string within single quotes to pass them as it is. [value]="'Justastring'".
3. For object or variables defined in the ponent, you can simply pass them.

For @Input() bound attributes, the mon way is [value]="id".

Angular will now simply look for variable named id in the ponent's class and assign the value to the value variable in the child ponent.