title: Advice on implementing multi language in Angular 5
body: <p>I need some help in implementing multi language in my ng2 app.
  For this, I need to do the following :</p>
  
  <p>1) Change the URL based on the language. 
  Example  <code>myapp.com/ar/jobs</code> or <code>myapp.com/en/jobs</code></p>
  
  <p>2) Load language specific CSS.</p>
  
  <p>3) Translate all the text on the page.</p>
  
  <hr>
  
  <p>1) To be able to change the URL based on the language I want to use UIRouterModule, but I am not sure if it's the best way. I came across UIRouterModule from this article <a href="http://cloudmark.github.io/Multilingual-Routing/" rel="nofollow noreferrer">http://cloudmark.github.io/Multilingual-Routing/</a></p>
  
  <p>Can anyone advise me if there is a better way to change URLs based on language (example myapp.com/ar/jobs) ?</p>
  
  <p>2) To load extra language specific CSS : I created 2 components 
      app.eng.component and app.arabic.component which are loaded from the 
      app.component based on an a condition
      app.eng.component and app.arabic.component have the specific CSS for the particular language. </p>
  
  <p>I am not sure if this is the best way to do this. Can anyone help me on a better solution?</p>
  
  <p>3) To translate I will create a pipe like this
  <a href="https://scotch.io/tutorials/simple-language-translation-in-angular-2-part-1" rel="nofollow noreferrer">https://scotch.io/tutorials/simple-language-translation-in-angular-2-part-1</a></p>
  
  <p>Is there a better way to do it ?</p>