Suggestions won't show up in browser


#1

I can’t seem to get the suggestions to show up in the browser. You can type them and click sugggest but then they just dissapear. Any feedback would be useful.

index.html:

<!DOCTYPE html>
<html>
<Head>
	<title>Suggestion Box</title>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
	<script type="text/javascript" src="https://code.angularjs.org/1.2.28/angular-route.min.js"></script>
	<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
</Head>
<body ng-app="SuggestionBox" ng-controller="HomeController">
	<h1> Suggestion Box </h1>
	<form ng-submit="addSuggestion()" style="margin-top: 50px">
		<h3> Submit Your Suggestion </h3>
		<div class="form-group">
			<input type="text" class="form-control" placeholder="Great ideas here" ng-model="title"></input>
		</div>
		<button type="submit" class="btn btn-primary">Suggest</button>
	</form>
	<div class="main" ng-repeat="post in posts"></div>
	<p>
		<span class="glyphicon glyphicon-plus-sign" ng-click="upVote(post)"></span> Upvotes: <span id="$scope.posts.upvotes"></span>
	</p>

	<!-- Modules -->
	<script type="text/javascript" src="C:\Users\Olivia\Documents\JS\app.js"></script>

	<!-- Controllers -->
	<script type="text/javascript" src="C:\Users\Olivia\Documents\JS\controllers\HomeController.js"></script>

	<!-- Services -->
	<script type="text/javascript" src="C:\Users\Olivia\Documents\JS\Services\Suggestions.js"></script>

</body>
</html>

app.js:

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

HomeController.js:

app.controller('HomeController', ['$scope', 'suggestions', function($scope, suggestions) {
	$scope.helloWorld = "Hello, AngularJS!",
	$scope.posts = Suggestions.posts,
	$scope.addSuggestion = function($scope.title) {
		if(!$scope.title || $scope.title === "") {
			return;
		};
		$scope.posts.push({
			title: $scope.title,
			upvotes: 0,
		});
  		$scope.title = '';
	}
	$scope.upVote = function(post) {
		$scope.posts[post].upvotes += 1;
	};

}]);

Suggestions.js:

app.factory('suggestions', [function(){
	var demoSuggestions = {
		posts: [
		{
		title: 'Free pizza at club meetings',
		upvotes: 15,
		comments: [],
		},
		{
		title: 'End all club emails with Laffy Taffy jokes',
		upvotes: 9,
		comments: [],
		},
		{
		title: 'Retrofit water fountain with Gatorade',
		upvotes: 7,
		comments: [],
		},
		{
	title: 'Sing Bon Jovi\'s "Living on a Prayer" halfway through meetings,
upvotes: 3,
comments: [],
},
]
};
return demoSuggestions;
}]);

Any help would be very useful. Thanks!