Angular 2 @input gives me undefined in console

Asked Nov 30 '16 at 13:54

Active Dec 01 '16 at 06:05

Viewed 47 times

Sorry if this is a duplicate question, as I could not found any solutions elsewhere in web, so am posting this in StackOverflow

I have referred the duplicated question solutions in StackOverflow, I could not get any solutions for my question, as the solutions available in Stackoverflow are using two components, but am using single component.

My Problem

Am creating an angular 2 components, in which am having a @input to get the value of the selector attribute, if I do console.log of the @input am getting undefined as value

Component

import { Component,Input, OnInit } from '@angular/core';
@Component({
  selector: 'app-root',
  template: ' <p>{{urlinput}}</p>'
})
export class AppComponent implements OnInit{
   @Input() urlinput;  
    ngOnInit() {console.log('value: ' + this.urlinput);}
}

index.Html

<app-root [urlinput]="hello">Loading...</app-root>

Please do correct the code if any this wrong, Thanks in advance

edited Dec 01 '16 at 06:05

asked Nov 30 '16 at 13:54

balajivaishnav

2,795
4
23
38

2

Possible dup of http://stackoverflow.com/questions/39614451/angular-2-input-binding-does-not-work – yurzui Nov 30 '16 at 13:59
@yurzui nope tried that also not working – balajivaishnav Nov 30 '16 at 14:05
Check out this https://plnkr.co/edit/UccAeE4sqoXPc7FHWWGd?p=preview It's the same as i mentioned above – yurzui Nov 30 '16 at 14:13
if you'd just like to give the value of "hello" to your property `urlinput` while still using `@Input`, try changing your html to `Loading...` and define a type for `urlinput` such as `@Input urlinput:string;` – Drew13 Nov 30 '16 at 14:14
@Drew13 i guess it won't work. He's trying to use `@Input` on non-angular element – yurzui Nov 30 '16 at 14:15
@yurzui working fine in your plunkr link, but not in my local – balajivaishnav Dec 01 '16 at 06:18
Can you share your project on github? – yurzui Dec 01 '16 at 06:40
yeah will do that, now I got working inside ngAfterViewInit but not inside the jquery $(document).ready(function() {} – balajivaishnav Dec 01 '16 at 06:44

Angular 2 @input gives me undefined in console

0 Answers0