Learn AngularJS1.X, Part 1/11, Step 5 - Doesn't Work


#1

This is the last step in part 1. When clicking Run or navigating to the url it says (http://localhost:8000) instead of displaying the correct title, it displays the literal {{ title }}.

apps.js file:

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

mainController.js file:

app.controller('MainController',
['$scope', function($scope) {
$scope.title = 'TitleHereDontWork';
}]);

index.html file:






<!-- Include the AngularJS library -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>





{{ title }}



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

    <h1>  </h1>

  </div>
</div>

<div class="footer">
  <div class="container">
    <h2>Available for iPhone and Android.</h2>
    <img src="https://s3.amazonaws.com/codecademy-content/projects/shutterbugg/app-store.png" width="120px" />
    <img src="https://s3.amazonaws.com/codecademy-content/projects/shutterbugg/google-play.png" width="110px" />
  </div>
</div>


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

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



#2

I'm also having the same issue at this very moment.


#3

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