Angular 2 Component for SOS Gallery
<user-info> is a component that we can use for shows user's information and change the language of our application.
How to install
Open your Angular 2 Project and execute this:
npm install sos-user-info
Configuration
To use sos-user-info, You should write the following into your application's NgModule:
import {UserInfoComponent, TRANSLATION_PROVIDERS, TranslatePipe, TranslateService} from 'sos-user-info';
@NgModule({
declarations: [UserInfoComponent,TranslatePipe],
providers: [TranslateService,TRANSLATION_PROVIDERS],
...
})
export class MyAppModule {}
Simple example
<user-info
[Nombrevalue]="variable_name"
[Rolvalue]="variable_rol"
[Accessvalue]="variable_access">
</user-info>
- Nombrevalue Shows the user name
- Rolvalue Shows the Rol of user..
- Accessvalue Shows the Nivel of Access of user.
After that in our Component we are going to need three variables to set their values.
export class AppComponent {
variable_name:string="User Name";
variable_rol:string ="Rol";
variable_access:string="Access";
}
how to use the translator
Just you need use these sentences for the component recognize where to translate. We can use them in anywhere into our application.
<strong>{{ 'home' | translate }}</strong>
<strong>{{ 'typography' | translate }}</strong>
<strong>{{ 'layout' | translate }}</strong>