Need help, stuck at step 5


#1



Hello, i am stuck at step 5

Here is the code

Index.html

<!doctype html>
<html>
  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
    <link href='https://fonts.googleapis.com/css?family=Oxygen:300,400,700' rel='stylesheet' type='text/css'>
      <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/vendor/angular.min.js"></script>
  </head>
  <body ng-app="BoltNetworkApp">
    <div class="header">
      <div class="container">
        <img src="img/logo.svg" width="180" height="34">
      </div>
    </div>
    <div class="main" ng-controller="MainController" >
      <div class="container">
        <div class="content">
        <program-listing listing="program"></program-listing>
        </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>
    </div>
    <!-- Modules -->
    <script src="js/app.js"></script>
    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>
      <!-- Directives -->
      <script src="js/directives/programListing.js"></script>
  </body>
</html>

App.js

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

MainController.js

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) 
};    
}]);

programListing.js

app.directive('programListing', function($scope){
  return {
 		restrict:'E',
    scope:{
      listing:'='
    },
    templateUrl:'js/directives/programListing.html'
  };  
});

programListing.html

      <div class="row">            
            <div class="col-md-3 series_img">
              <img ng-src="{{listing.series_img}}">
            </div>
            
            <div class="col-md-6">
              <h1 class="series">{{listing.series}}</h1>
              <h2 class="episode">{{listing.episode}}</h2>
              <p class="description">{{listing.description}}</p>
            </div>

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


https://codecademy.com/en/courses/learn-angularjs/projects/angularjs_bolt-network-2?user_id=5774cc5e4c432c46d8000022


Nothing is displayed when i click save.

Can anyone point me what's wrong whith it ? Thanks


#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.