Gameboard (A Revisit - Solution Needed)


#1

There are four closed threads about Gameboard but no answers on why there isn’t anything appearing when all the code through all the course files are correct.

So, is there anyone that can provide an answer to this? I followed the tutorial to the T…

game.js

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

game.html

<div class="col-sm-4">
  <div class="row scorecard">
    <p class="period"> {{ info.period }} </p>
    <div class="visitor col-xs-4">
      <h2 class="visitor-score"> {{ info.visitor_score }} </h2>
      <h3> {{ info.visitor_team }}
        <span class="visitor-city"> {{ info.visitor_team.city }} </span><br/>
        <span class="visitor-name"> {{ info.visitor_team.name }} </span>
      </h3>
    </div>
    <div class="dash col-xs-3">
      <h2>-</h2>
    </div>
    <div class="home col-xs-4">
      <h2 class="home-score"> {{ info.home_score }} </h2>
      <h3>
        <span class="home-city"> {{ info.home_team.city }} </span><br/>
        <span class="home-name"> {{ info.home_team.name }} </span>
      </h3>
    </div>
  </div>
</div>

index.html

<!doctype html>
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">

    <script src="js/vendor/angular.min.js"></script>
  </head>
  <body ng-app="Gameboard">
    <div class="header">
      <h1 class="logo">GameBoard</h1>
    </div>

    <div class="main" ng-controller="ScoreController">
      <div class="container">
        <div class="row">
          <game ng-repeat="score in scores" info="score" ></game>
        </div>
      </div>
    </div>

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

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

    <!-- Directives -->
    <script src="js/directives/game.js"></script>

  </body>
</html>

app.js

var app = angular.module("GameboardApp", []);

Any help resolving this issue would be greatly appreciated. Thanks.


#2

This is one we can check ourselves. No need to ever post it. Would it were there an error, would it be fun to have someone else point it out? Tongue in cheek, the whole time with this question. Hope to see it in kind.

My code works in FF, so no does Chrome. Can you give us a screen shot of what is displaying in your current situation?


#3

Thanks for the quick reply.

I have triple, quadruple, quintuple checked my code. Maybe it is the browser, but I don’t think so.


#4

Does not work in FF, Chrome. Not for me anyhow. I can’t go back until I get a Pro account anyway, which I have to wait to do.


#5

You should still be able to complete all the Angular lessons, just none of the projects.