AngularJS 1 (6/10) : Les Promesses

Nous allons maintenant finir ce chapitre sur les bases d'AngularJS en peaufinant notre exemple en utilisant des données distantes avec $http et nous verrons comment utiliser les promesses.

Soutenez Grafikart:

Retrouvez Grafikart sur:

[othmaneabisourour]

Magnifique, y'a vraiment rien à dire, moi qui a commencé presque 2 mois à bosser avec angularjs, à chaque fois que je regarde tes formations j'apprends de nouvelles choses. Un grand bravo à toi !

[gauthierrenier]

Super formation...je débute en AngularJS (dans le cadre d'un stage professionnel) .. jusqu'au tuto concernant les services, ça allait .. Ce tuto sur les promesses est un poil + difficile mais je tiens bon LOL .. Merci a toi pour toutes tes explications bien claires...par contre si je puis me permettre, parfois souffle un peu et parle moins vite :-)  

[champjrdev]

Sérieux Jo, j'aurais jamais appris à utiliser Angular.js aussi rapidement sans cette playlist. Rapide, simple et bien expliqué! x'D

[vincentvallee]

Certains morceaux de code ont changés. Pour la partie http le code à utiliser (en tout cas ça marche chez moi)
$http({
method: 'GET',
url: 'posts.json'
}).then(function successCallback(response){
factory.posts = response.data;

}, function errorCallback(response){
alert(response);
});
Si ça peut en aider certains. LA doc est très explicite et avec un peu de méninge c'est facile de s'en sortir. En tout cas super tuto, merci encore pour tes tutos. Clair, Net, précis et pertinent.

[leopard]

Je viens de C++ et Java et je suis complètement affolé par les technos web. J'apprends un peu tout en même temps faut dire : JavaScript, AngularJS, Winamp, htmeuleumeu5, cé-esse-esse3 et patati-patata . C'est hard et j'en chie comme un russe, je suis souvent en mode panique mais je m'accroche. Je gueule tout seul devant mon écran "quoi-quoi-quoi-qu'est-ce qu'il a dit là ?". Il devrait y avoir un bouton "slow-down" et une autre "rewind" tant tu vas vite pour faire les manips ! Mais tes tutos sont supers car en recopiant tout ce que tu tapes, ça marche ! Bon, pas sur que je puisse voler de mes propres ailes vu que, en tant que poussin du web j'ai pas encore d'ailes...dur dur...

[mounirelouali]

Merci pour le tuto. C'est très bien expliqué. Bravo

[fallphenix]

Super cool, très claire, je suis javascript depuis longtemps et je veux passer le cap de jquery vers angularJS mais ce tuto me donne une bonne vue d'ensemble (coté client angular et coté serveur ZF)

[misntmurth]

Vraiment de bonnes explications. Merci.

[fallphenix]

Ce qui me gère c'est quand tu dis que tes commentaires sont persistantes. Là en fait, Je pense que ça ne l'est pas, si tu actualise la page, Oup's. Persistante je pense c'est quand meme tu actualise ou tu redemarre full l'apps, tu auras tes mêmes commentaires. Sinon all is cool

[mohamedboushab]

Pour ceux qui utilisent une version >= 1.6, ils peuvent réduire le code a
app.controller('PostsCtrl', function($scope, $http){
$scope.posts = [];

$scope.posts = response.data;
}, function(error){
console.log(error)
})
})

[Gasshette]

J'avais un problème avec l'affichage des données. Je récupérais bien le JSON, mais l'affichage ne fonctionnait pas, Ou du moins les données entre {{ }}. j'avais bien les 5 boucles du ng-repeat qui s'exécutaient, mais aucune données d'affichées. Pour ceux qui ont ce problème, vérifiez l'état de votre JSON via un console.log(data). Personnellement, j'ai remplacé "factory.post= data" par "factory.post = data.data" car mon tableau JSON est contenu dans data. Pour info, je suis sous angular 1.6.0, c'est pas la première différence à laquelle je fais fasse depuis le début (l'auteur travaille sous 1.2.14, et à partir de la 1.4 environ, il y a eu pas mal de modif, notamment les .success et .error qui ont été supprimés au profit de .then avec deux callback (voir la doc angular)).

[floppycat]

Si on a construit la factory de la précédente video sans for each :
getPost : function(id){
return factory.posts[id];
}

Comment faire pour la réadapter avec deferred ?
Merci de votre aide =)

[thomasngrlt]

Vers 7:20 la ligne 52 si je laisse comme cela le orderBy de mon home.html me renvoi une erreur:
angular.js:13550 Error: [orderBy:notarray] Expected array but received: {}
Pour corriger ça j'ai remplacé
$scope.posts = Post.getPosts().then(function (posts) {
$scope.posts = posts;
par
Post.getPosts().then(function (posts) {
$scope.posts = posts;

[soleynen]

Salut j'ai besoin d'aide j'ai 2 erreurs mais je ne les trouve pas, voici le bout de code :

var app = angular.module('MonApp', ['ngRoute']);

{
$routeProvider
.when('/', { templateUrl : 'partials/home.html'})
.when('/comments/:id', {templateUrl : 'partials/comments.html', controller : 'CommentsCtrl'})
.otherwise({redirectTo : '/'})
});

app.factory('PostFactory', function($http, $q)
{
var factory =
{

posts : false,
getPosts : function()
{
var deferred = $q.defer();

$http.get('posts.json')
.then(function(response){
factory.posts = response.data ;

}).catch(function(response){
deffered.reject('impossible de récupérer les articles');
});
return deffered.promise;
},
getPost : function (id){
var post = {};
angular.forEach(factory.posts, function (value, key){
if (value.id == id) // si id article = id param
{
post = value
}
});
return post ;
},

}
return factory ;

});
app.controller('CommentsCtrl', function ($scope, PostFactory, $routeParams)
{
var post =
$scope.title = post.name ;
$scope.comments = post.comments ;
});

app.controller('PostsCtrl', function ($scope, PostFactory)
{
$scope.posts =
{
$scope.posts = posts ;
}, function (msg)
{
alert(msg);
}) ;

});

[samirtidafi]

bonjour,
il y a du code pour ce tutoriel

[redamaguiri]

$scope.addComment = function(){




}, function(){
alert("votre message erroné");
})
$scope.newComment = {};
}

il n'accept pas cette ligne : --> il me donne angular.js:13424 TypeError: Cannot read property 'push' of undefined
at m.$scope.addComment (comments.js:16)
pk?

[tmusic]

$http.get(...).success ne marche plus, video besoin d'une mise a jour

[MauriceKETEVI]

salut j'adore les tutos je voudrais faire un iframe avec pour src={{object.value}} mais ca ne marche pourrais tu me dire comment faire stp Merci

[forzagreen]

14:15 : c'est marrant, '!= false' marche bien, par contre '== true' ne marche pas !
(je suis débutant en javascript)

[neolectron]

"dollard cul, c'est quelquechose qui vous permet d'executer une fonction dans le futur"
~Grafikart