AngularJS Expression not displaying the data from service
<p>I suspect it is an incorrectly written expression or the way the controller is fetching data from the service. By the way, the controller has been tested and it works just fine. 
Please help. </p>

<p>Here is my view</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;script type="text/javascript" src="js/vendor/angular.min.js"&gt;&lt;/script&gt;
&lt;!-- Installing the ngRoute module --&gt;
    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app="SuggestionBox"&gt;
    &lt;div class="suggestion" ng-controller="HomeController"&gt;
        &lt;div class="container" ng-repeat="post in posts"&gt;
        &lt;h2 class="title"&gt;{{ post.title }}&lt;/h2&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;script src="js/app.js"&gt;&lt;/script&gt;
&lt;!-- Controllers --&gt;
&lt;script src="js/controllers/HomeController.js"&gt;&lt;/script&gt;
&lt;!-- Services --&gt;
&lt;script src="js/services/suggestions.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Here is the service where I am fetching the data from</p>

<pre><code>app.factory('suggestions', [function() {
var demoSuggestions = {
    posts: [
        {
            title: "bla bla bla",
        },
        {
            title: "blo blo blo",
        }
    ]
};
return demoSuggestions;
}]);
</code></pre>

<p>This is the controller</p>

<pre><code>app.controller('HomeController', ['$scope', 'suggestions', function($scope, suggestions) {
$scope.posts = suggestions.demoSuggestions;
}]);
</code></pre>