title: angular translate using useStaticFilesLoader to load nested json
body: <p>I have a nested json structure like this </p>
  
  <pre><code>    {
          "module1": {
              "component1": "text1",
              "component2": "text2" 
          }   
      }
  </code></pre>
  
  <p>So inside my code I am using <code>{"module1.component1" | translate}</code> which never get resolved whereas if I do </p>
  
  <pre><code>    {      
          "component1": "text1",
          "component2": "text2"           
      }
  </code></pre>
  
  <p><code>{"component1" | translate}</code> works . Is there a way to resolve nested JSON data using <code>useStaticFilesLoader</code></p>
  
  <p>edit 1:
  here is my useStaticFilesLoader config looks like :</p>
  
  <pre><code>$translateProvider.useStaticFilesLoader({
          prefix: './langfiles/',
          suffix: '.json'
        });
      $translate.use(lang);//lang is derived from header 
  </code></pre>
  
  <p>langfiles contains :
    en_US.json etc  </p>