AngularJS ng-repeat

Bonjour,

J'ai un petit problème que je ne comprends pas au sujet de la directive ng-repeat d'angularJS.
J'utilise cette derniere afin d'eviter de duppliquer du code, sur mes balises img cela marche nickel mais sur cette ligne de code ci :

<a ng-repeat="social in networks" class="{{ social.name }}" href="{{ social.link }}"><i class="{{ social.icon }}"></i></a>

Cela ne marche pas, comme si mon tableau d'objet networks était vide.
Voici mon js :

$scope.networks = [
      {
         name: "facebook",
         icon: "fa fa-facebook",
         link: "http://tralla.com"
      },
      {
         name: "twitter",
         icon: "fa fa-twitter",
         link: "http://tralla.com"
      },
      {
         name: "instagram",
         icon: "fa fa-instagram",
         link: "http://tralla.com"
      },
      {
         name: "linkedin",
         icon: "fa fa-linkedin",
         link: "http://tralla.com"
      },
      {
         name: "spotify",
         icon: "fa fa-spotify",
         link: "http://tralla.com"
      }
   ];

Merci d'avance,
Cordialement,