Implemented gameBoard to application.

Added gameBoard routes etc. to app.js

Author: maneesht

working/app/Board/gameBoard.html

@@ -0,0 +1 @@
+<div class="container-fluid"></div>

working/app/Board/gameBoard.js

@@ -0,0 +1,11 @@
+angular.module('app.gameBoard', [])
+	.controller('boardCtrl',  function($scope){
+		$scope.$watch('html', function() {
+			$("#container").empty();
+			$("#container").append($scope.html);
+		})
+		$scope.compile = function() {
+			console.log("You clicked a button!")
+		}
+	})
+	

working/app/app.js

@@ -1,4 +1,4 @@
-angular.module('html_game' , ['ngRoute', 'app.landing', 'app.game'])
+angular.module('html_game' , ['ngRoute', 'app.landing', 'app.game', 'app.gameBoard'])
 	.config(function($routeProvider) {
 		$routeProvider.when('/home', {
 			templateUrl: "app/home/home.html",
@@ -10,4 +10,8 @@ angular.module('html_game' , ['ngRoute', 'app.landing', 'app.game'])
 			controller: "gameCtrl",
 			controllerAs: "game"
 		})
+		.when('/gameBoard', {
+			templateUrl: "app/Board/gameBoard.html",
+			controller: "boardCtrl"
+		})
 	});

working/index.html

@@ -10,6 +10,7 @@
         <script src="lib/angular-route/angular-route.js"></script>
         <script src="app/app.js"></script>
         <script src="app/home/home.js"></script>
+        <script src="app/Board/gameBoard.js"></script>
         <script src="app/game/game.js"></script>
         <nav class="navbar navbar-default" role="navigation">
             <div class="container-fluid">
@@ -28,7 +29,7 @@
                         </li>
                         <ol class="pull-right breadcrumb">
                           <li><a class="breadcrumb" href=""> Part 1</a></li>
-                          <li><a href="#">Part 2</a></li>
+                          <li><a href="/#gameBoard">Part 2</a></li>
                           <li class="active">Part 3</li>
                         </ol>