Django/Angularjs Resolved.

######################
# Found the issue: used 'href' in script tag instead of 'src'!!!
# works fine with $interpolaterProvider as well as {% verbatim %} approach
##############################

<!-- My HTML code in templates/index.html -->

{% load staticfiles %}

<!DOCTYPE html>

<html ng-app="tictactoe">
<head>
	<title>Tic Tac Toe</title>
	<link rel="stylesheet" href="{% static 'css/foundation.css' %}" />

	<script type="text/javascript" href="{% static 'js/angular.min.js' %}"></script> << should be 'src', not 'href'!!!
	<script type="text/javascript" href="{% static 'js/app.js' %}"></script>	 << should be 'src', not 'href'!!!
</head>

<body>
	<section class="row">
		<header class="large-12 columns">
			<h1>Tic  Tac Toe</h1>

			<hr />
		</header>
	</section>
	<section>
		<div class="large-8 columns">
			<div ng-controller="BoardController as board">
				<div>
					I am <[4 + 6]>
				</div>
			</div>
		</div>
		<div class="large-4 columns">
			<h3>Objective:</h3>
			<p>Demonstrate a tic-tac-toe game where the AI always wins by implementing the Minimax algorithm.</p>
		</div>
	</section>
</body>
</html>

// My JS code in static/js/app.js
(function() {
  var app = angular.module('tictactoe', []);

  app.config( function($interpolateProvider) { //$httpProvider,
  	$interpolateProvider.startSymbol('<[');
  	$interpolateProvider.endSymbol(']>');
  	//$httpProvider.defaults.header.common['X-Requested-With'] = 'XMLHttpRequest';
  });

  app.controller('BoardController', function(){
    //this.squares = boxes;
    this.label = "Hello, World";
  });

})();