Kategorien
Web

AngularJs

AngularJs ist ein Open-Source JavaScript Framework von Google. Es basiert auf dem MVC-Model und bietet ein „Bidirektionales Databinding“, was bedeutet, dass es eine automatische Synchronisation von Daten zwischen Model (Template) und View (Anzeige) gibt.

Mit AngularJs kann man mit wenigen Zeilen Code eine schöne Webanwendung erstellen. Wie z.B. der Blog Bereich auf meiner Website. Die Blogposts werden von einem REST Service meines WordPress Blogs als JSONP Objekt angefordert.

$http({ method: 'JSONP', url: 'http://pierrelaub.de/wordpress/api/get_recent_posts/?callback=JSON_CALLBACK' }).
success(function (data, status, headers, config) {
$scope.posts = data.posts;
}).
error(function (data, status, headers, config) {
});

Das empfangene Objekt beinhaltet alle Posts mit den nötigen Informationen.  Im HTML kann man nun mit dem ng-repeat Befehl von Angular, also so ähnlich wie in einer while-Schleife, alle Post anzeigen lassen. Die Ergebnisse lassen sich ganz leicht durch die Eingabe eines Input Feldes Filtern.

Angular Blog Posts

Dies soll nur eine kleine Demonstration sein, wie einfach Angular ist. Anschauen lohnt sich auf jeden Fall und es macht viel Spaß. http://docs.angularjs.org/tutorial