Que tal comunidad como verán soy nuevo en angularJs y tengo un problema al acceder a los elementos de un array.
aquí tengo mi controller
var app = angular.module("teApp")
.controller("NewPromotionDetailController", ['$window','$scope','$attrs','$http','$cookies', function($window, $scope, $attrs, $http, $cookies) {
var url = CQ.HTTP.noCaching(CQ.WCM.getDesign().getPath()+'/jcr:content/global.infinity.json');
var items = CQ.HTTP.eval(url);
$scope.sharedArray = items.compartirList;
console.log(items.compartirList);
}]);
y la parte del HTML es donde falla al intentar acceder a un elemento del array.
<div ng-controller="NewPromotionDetailController">
<div ng-repeat="item in sharedArray">
<p>{{item}}</p>
<a href=""><img ng-src="{{item.iconoCompartir}}"/></a>
</div>
</div>
como si accedo como tal solo {{item}} lo hace bien trae consigo cada elemento dentro del arreglo pero si intento acceder a un dato en particular dentro de cada elemento no me trae nada es decir {{item.foo}} ya me asegure que ese dato si existe en el arreglo.
De esta forma viene la variable items.compartirList que es la que tengo en el scope por lo que no hay problema con ella
[{"iconoCompartir":"/content/dam/tecom/iconos/icon-fb.png","tipoCompartir":"external","enlaceCompartir":"https://www.facebook.com/","noFollowCompartir":["true"]},
{"iconoCompartir":"/content/dam/tecom/iconos/icon-tw.png","tipoCompartir":"internal","enlaceCompartir":"https://twitter.com/login?lang=es","noFollowCompartir":[]}]