Repetir ng ng-slick $ http get
Eu tenho tentado durante todo o fim de semana exibir dados (que eu busco com$http.get
) no carrossel angular liso usandong-repeat
, em vão...
Eu li sobre o problema conhecido:aqui eaqui.
Eu tentei usar oinit-onload
edata
atributos, em vão ...
HTML:
<div ng-controller="LandingCtrl as ctrl">
...
<slick init-onload=true data="ctrl.products">
<div ng-repeat="product in ctrl.products"><img src="{{product.image}}" alt="{{product.title}}"></div>
</slick>
...
</div>
JS:
angular.module('myApp')
.controller('LandingCtrl',['$http', function($http){
var store = this;
store.products = [];
$http.get('products.json')
.success(function(data){
store.products = data;
console.log(data); //display the json array
});
}]);
(myApp
módulo é definido no meuapp.js
arquivo, usei yeoman para montar meu projeto)
Seria ótimo se você pudesse me ajudar.