title: Change location of i18n folder in Angular 11
body: <p>I am using ngx-translator for multi-language support. I've i18n folder inside my child folder on below path</p>
  <blockquote>
  <p>apps\globaltalentsystem\gts\src\app</p>
  </blockquote>
  <p>so I get error 404 file not found for en.json and hi.json
  <a href="https://i.stack.imgur.com/5LFSM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5LFSM.png" alt="enter image description here" /></a></p>
  <p>My files are at correct level.
  <a href="https://i.stack.imgur.com/xFhY4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xFhY4.png" alt="enter image description here" /></a></p>
  <p>My <strong>app.module.ts</strong> has following code:</p>
  <pre><code>...  
   TranslateModule.forRoot({
        loader: {
          provide: TranslateLoader,
          useFactory: (translateLoaderFactory),
          deps: [HttpClient]
        }
      }),  
  ...
  export function translateLoaderFactory(httpClient: HttpClient) {
    return new TranslateHttpLoader(httpClient, '/globaltalentsystem/gts/src/i18n/', '.json');
  }
  </code></pre>