JAVASCRIPT

how to access variable from another component in angular

Go to your app.module.ts and make the provider of that component 
you want to inherit with other classes:

Ex: providers: [DatePipe, AccountComponent]


Then go to the class you want access of that variable, 
and import the component into that:

Ex: import { AccountComponent } from '../account/account.component';


Make the constructor of it:

Ex:
constructor(private accountComponent: AccountComponent){}

And happily get access to the variables:
Ex: this.url = this.accountComponent.apiEndPoint+'hello';

how to access variable from another component in angular

Go to your app.module.ts and make the provider of that component 
you want to inherit with other classes:

Ex: providers: [DatePipe, AccountComponent]


Then go to the class you want access of that variable, 
and import the component into that:

Ex: import { AccountComponent } from '../account/account.component';


Make the constructor of it:

Ex:
constructor(private accountComponent: AccountComponent){}

And happily get access to the variables:
Ex: this.url = this.accountComponent.apiEndPoint+'hello';