AngularJS-Service implementiert; Reissorte des Tages wird per http über angular nachgeladen

main.js

@@ -214,6 +214,10 @@ app.post('/login', function(req, res) {
 	});
 });
 
+app.get('/api/specialOffer.json', function(req, res) {
+	res.json({ rice: "Neuer Waldreis" });
+});
+
 var server = app.listen(3000, function() {
 	var host = server.address().address;
 	var port = server.address().port;

public/css/style.css

@@ -88,6 +88,10 @@ textarea {
 	margin-right: auto;
 }
 
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+    display: none !important;
+}
+
 /* Login menu */
 
 #loginDropdown {

public/js/angular-init.js

@@ -1,4 +1,16 @@
 var app = angular.module('myApp', []);
+
+app.controller("indexController", function ($scope, specialService) {
+	$scope.rice = "Hello World";
+	specialService.success(function(data) { 
+		$scope.rice = data.rice;
+	});
+});
+
+app.factory("specialService", function ($http) {
+	return $http.get('/api/specialOffer.json');
+});
+
 app.directive('rrMap', function() {
 	return {
 		restrict: 'A',

views/index.jade

@@ -47,6 +47,7 @@ block content
 			.col-md-6.graygray 
 				+img-responsive-center("/bin/image/rice-world.png","Welt voller Reis")
 			.col-md-6.orange Wir bieten Ihnen Reis aus aller Welt. Wählen Sie zwischen 52 verschiedenen Sorten oder lassen Sie sich durch die perfekte Wahl des Chefkochs überraschen.
+				p.ng-cloak(data-ng-controller="indexController") Die heutige Empfehlung unseres Chefkochs ist "{{rice}}". Alle Gerichte, die mit dieser Reissorte bestellt werden, sind um 1€ vergünstigt!
 		.row
 			.col-md-6.graygray.hidden-md.hidden-lg
 				+img-responsive-center("/bin/image/vegetables.png","Gemüse")