BoltNetwork App Not Showing Data

Hi everyone,

I am learning Angular and for some reason the data I put in the $scope.program code in the MainController is not showing up.

I already redid the project twice while following the video tutorial. After looking through other peoples’ problems in this project, I still can’t find what the issue is.

Here is the code from the MainController:

app.controller(‘MainController’, [‘$scope’, function($scope) {
$scope.program = {
series: “Sherlock”;
series_img: “img/sherlock.jpg”,
genre: “Crime drama”,
season: 3,
episode: “The Empty Hearse”,
description: “Two years after his reported Reichenbach Fall demise, Sherlock, who has been cleared of all fraud charges against him, returns with Mycroft’s help to a London under threat of terrorist attack. John has moved on and has a girlfriend, Mary Morstan. Sherlock enlists Molly to assist him, but when John is kidnapped by unknown assailants and is is rescued by Sherlock and Mary, John returns to help find the terrorists and an underground plot to blow up the Houses of Parliament during an all night sitting on Guy Fawkes Night.”,
datetime: new Date(2014, 11, 31, 21, 00, 00, 00)
}
}]);

Then here is the code from my index:

<!doctype html>

<div class="main" ng-controller="MainController">
  <div class="container">
    <div class="content">
      <div class="row">
        
        <div class="col-md-3" class="series_img">
          <img ng-src="{{program.series_img}}">
        </div>
        
        <div class="col-md-6">
          <h1 class="series">{{program.series}}</h1>
          <h2 class="episode">{{program.episode}}</h2>
          <p class="description">{{program.description}}</p>
        </div>

        <div class="col-md-3">
          <ul class="list-group">
            <li class="list-group-item"><span>Date:</span>{{program.datetime | Date}}  </li>
            <li class="list-group-item"><span>On air:</span> {{program.datetime | date: 'EEEE'}} </li>
            <li class="list-group-item"><span>Time:</span> {{program.datetime | date:'shortTime'}}  </li>
            <li class="list-group-item"><span>Season:</span>{{program.season}}  </li>
            <li class="list-group-item"><span>Genre:</span> {{program.genre}} </li>
          </ul>
        </div>
        
      </div>
    </div>
  </div>
</div>

<div class="footer">
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <h3>Bolt</h3>
        <ul>
          <li>Careers</li>
          <li>Terms</li>
          <li>Help</li>
        </ul>
      </div>
      <div class="col-md-3">
        <h3>More Bolt</h3>
        <ul>
          <li>Gift Cards</li>
          <li>Trailers</li>
        </ul>
      </div>
      <div class="col-md-3">
        <h3>News</h3>
        <ul>
          <li>Blog</li>
          <li>Twitter</li>
          <li>YouTube</li>
          <li>Google+</li>
          <li>Facebook</li>
        </ul>
      </div>
    </div>
  </div>

<!-- Modules -->
<script src="js/app.js"></script>

<!-- Controllers -->
<script src="js/controllers/MainController.js"></script>

Finally here is my code from the app.js:

var app = angular.module(“BoltNetworkApp”,);

I have spent way too much time looking through to find a little mistake that is breaking my code. Hopefully someone here can find what I missed.

Thanks