title: ng-repeat with a big JSON
body: <p>I have an AngularJS variable <code>var vm = this;</code> which contains a big JSON format data: </p>
  
  <pre><code>vm.data = {
      "sites": [{
          "siteName": "A",
              "countries": [{
                  "country": "DE",
                  "servers": [{
                      "serverType": "master",
                      "URL": ""
                  },{
                      "serverType": "slave",
                      "URL": ""
                  }]
              }]
  
          },{
              "siteName": "B",
              "countries": [{
                  "country": "IT",
                  "servers": [{
                      "serverType": "master",
                      "URL": ""
                  },{
                      "serverType": "slave",
                      "URL": ""
                  }]
              },{
                  "country": "NL",
                  "servers": [{
                      "serverType": "master",
                      "URL": ""
                  },{
                      "serverType": "slave",
                      "URL": ""
                  }]
              }]
          }]
  };
  </code></pre>
  
  <p>I want to put this data in a table</p>
  
  <p>I use "c" because of the the "controller (which is the name of my controller) as c".</p>
  
  <pre><code>&lt;tr ng-repeat="site in c.data.sites"&gt;
              &lt;td&gt;{{ site.siteName }}&lt;/td&gt;
              &lt;td&gt;{{ site.countries }}&lt;/td&gt;
              &lt;td&gt;{{ site.countries.name }}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The first <em>td</em> works perfectly, the second displays everything that is contained in the countries set, and the last doesn’t display anything.</p>
  
  <p>I tried to declare <code>vm.data.sites.countries</code>, but it failed.</p>
  
  <p>Can you shed some light on this?</p>