angular2-components

I am getting response from server,I want pass this response to other component for displaying. I tried in one way but getting undefined. Tried this way how to pass one component service response to other component in angular 2 . yesterday got the results faced routing. Changed little bit created separated components. mainsearch.component.ts: export class MainsearchComponent { selected; skipCount: number = 0; errorMessage: string; searchedResults: any; searchObj: Object = { skipCount: this.skipCount }; onChange(newVlaue) { console.log(newVlaue); this.selected = newVlaue; } constructor(private

My structure is as follows : App *component, module, template* Component 1 *component, module, template* Component 11 *component, module, template* Global Component *component, temaplte, BUT NO MODULE* My App module contains the component 1 and component 11 modules. I declared the global component in the app module, so that I can use it in all my other components. I also exported it in app module. But when I use the selector in the component 11 template, the console says not a known element . I tried importing it in my other components but it says it's already imported, and that I should

In my Angular 2 app, I pass in some data to a PageComponent from my HomeComponent which is then saved to a variable inside the PageComponent. Now when I refresh the page I need this data to be retained. Currently I am using session storage, but I was wondering if there is a better way to implement this. Smit Nope, There isn't a other way in this context. Once you refresh all the temporary memory is gone. As you said you are performing session-storage. You may continue with that. You may choose the below. LocalStorage Cookie Session Difference and importance: How to store token in Local or

Is it possible to get component class name or component reference using selector name in Angular 2? @Component({ selector: 'selector-1', template: '<h1>Hello</h1>', }) export class Component1 {} @Component({ selector: 'selector-2', template: '<h1>Hello</h1>', }) export class Component2 {} In component 2 is it possible to get the component1 class name using selector "selector-1"? Example: getComponentName(selectorName) { // return component name } getComponentName('selector-1'); Thanks in advance It is possible without additional work only if you do not call enableProdMode : var node = document

I'm building a data table component that is being designed as very generic component. The idea is to define the table as this: <app-datatable [items]="currentPageResult"> <app-datatable-column attribute="id" header="ID"></app-datatable-column> <app-datatable-column attribute="name" header="First Name"></app-datatable-column> <app-datatable-column attribute="last_name" header="Last Name"></app-datatable-column> </app-datatable> In this way, we can specify the array into the datatable component, and by defining datatable-columns we can decide witch attributes should display the table. Internally

I have a considerable amount of data to show on the screen. I need to present a simplified list so the user can choose one of the items and see it's details. So imagine I have a component SimpleListComponent, it will hold the data and present a simplified view export class SimpleListComponent{ @Input() data: any[]; } The html <ul> <li *ngFor="let item of data"> <a>{{item.name}}</a> </li> </ul> The user should be able to click on one of the itens and open in a new tab a view with that item's details. So if I have a second Component export class DetailedViewComponent{ @Input() item: any; } <div>