Angularjs boltNetwork- Exercice done, nothing work



I finished this exercice, it did not work. so I started over, still does not work. And since I have no error messages, no automated checking, nothing I don't even know what is wrong.

this is my code :

app.js :

var BoltNetworkApp = angular.module('BoltNetworkApp', []);


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 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)

index.html :

<body ng-app='BoltNetworkApp'>
    <div class="header">
      <div class="container">
        <img src="img/logo.svg" width="180" height="34">

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

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

But this just display the expressions as they are written in the index.html file. What is wrong ? I'm quite sure there's a dumb mistake, but I can't see it.


in app.js try:
var app = angular.module("BoltNetworkApp",[]);


yea that was just that. Works perfectly now


Wow. Thanks for the help. Was really getting frustrated because of this one :slightly_smiling:
Guess your module's declaration should match the controller?

i.e. if I declare: var BoltNetworkApp = angular.module("BoltNetworkApp", []);
then in the MainController I should have: BoltNetworkApp.controller('MainController', ['$scope', function($scope) {.....