Estoy tratando de usar este enlace de datos aleatorio angularjs en un comercio electrónico, pero no sé por qué no se carga correctamente. Es una ventana emergente de ventas reciente. ¿Alguien puede ayudarme? Aquí está el código https://codepen.io/ranieri/pen/qBXLapK
click para ver la Imagen que muestra el error
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Compras falsas</title> <link rel="stylesheet" href="./style.css"> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js'></script> </head> <body > <!-- partial:index.partial.html --> <section class="custom-social-proof" ng-if='!isLoading' ng-app='myapp' ng-controller='myctrl'> <div class="custom-notification"> <div class="custom-notification-container"> <div class="custom-notification-image-wrapper"> <img id="myPicture" src={{::item[rand4].img}}> </div> <div class="custom-notification-content-wrapper"> <p class="custom-notification-content" > {{::names[rand2]}} de {{::states[rand1]}}<br> Compró hace {{::horas[rand3]}} horas <small>{{::rand4+1}}x <a href="{{::item[rand4].link}}">{{::item[rand4].product}}</a></small> </p> </div> </div> <div class="custom-close"></div> </div> </section> <!-- partial --> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> </body> </html>