Pizza Planet [Step 1] doesn't show date? [SOLVED]

I just finished Step 1 of the Pizza Planet App exercise and I noticed that the date doesn’t show up at all. Is this a bug or is this because of something I did? The exercise does not tell us to change / play with the date at all.

I noticed that if I reset the exercise/code it shows “Today’s Specials {{ TODAY | DATE}}” but when I add the angular app module the “{{ TODAY | DATE }}” goes away and just “Today’s Specials” is displayed.

BEFORE ADDING ANGULAR APP

AFTER ADDING ANGULAR APP

My 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=Playfair+Display:400,400italic,700italic|Oswald' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/vendor/angular.min.js"></script>
  </head>
  <body ng-app="PizzaPlanetApp">
    <div class="header">
      <h1><span>Pizza</span><span>Planet</span></h1>
    </div>

    <div class="main">
      <div class="container">
        <h1>Specials for {{ today | date }}</h1>
        
        <h2>Appetizers</h2>
        <div class="appetizers row">
          <div class="item col-md-9">
            <h3 class="name"> </h3>
            <p class="description"> </p>
          </div>
          <div class="price col-md-3">
            <p class="price"> </p>
          </div>
        </div>

      </div>
    </div>

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

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

app.js

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

MainController.js

app.controller('MainController', ['$scope', function($scope) {
  $scope.today = new Date();

  $scope.appetizers = [
    {
      name: 'Caprese',
      description: 'Mozzarella, tomatoes, basil, balsmaic glaze.',
      price: 4.95
    },
    {
      name: 'Mozzarella Sticks',
      description: 'Served with marinara sauce.',
      price: 3.95
    }
  ];

}]);

I tried telling my browser to not be strict with javascript running on the page but that did not work either.

I found the solution: You need to add the controller to the index.html as well.

    <div class="main" ng-controller="MainController">

This solved my problem with the date not showing.