Console errors existing before I make any changes.

Question

Hi. I've been getting errors in every workspace related to this part of the Angular instruction. This ng-click directive is supposed to fire the controller function and print 'Hello there! This is the helloworld controller function, in the mainCtrl' to the console, but it doesn't. I'm using Chrome.

From the console: Uncaught SyntaxError: Unexpected token .
app.js:2 which is this line:

.controller('mainCtrl', function($scope){

And then this from: angular.js: 4408 :

This is what the workspace loads, which I don't believe I've changed.

<!doctype html>
<html lang="en">
<head>
  <title></title>
  <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  <link href='styles/main.css' rel='stylesheet' type="text/css">
</head>
<body ng-app="todoListApp">
  <h1>My TODOs</h1>
    <div ng-controller="mainCtrl" class="list">
       <input type="checkbox"/>
       <label class="editing-label">A sample todo!</label>
       <input class="editing-label" type="text"/>
       <div class="actions">
          <a href="">Edit</a>
          <a href="" ng-click="helloWorld()">Save</a>
          <a href="" class="delete">delete</a>
       </div>
    </div>

  <script src="vendor/angular.js" type="text/javascript"></script>
  <script src="scripts/app.js" type="text/javascript"></script>
</body>
</html>

angular.module("todoListApp", []); 
.controller('mainCtrl', function($scope){
  $scope.helloworld = function() {
   console.log('Hello there! This is the helloworld controller function, in the mainCtrl'); 
  }
});

Thanks!

Answer 1 · 2016-02-25T18:11:06Z

February 25, 2016 6:11pm

Hi Adam,

Try removing the semicolon from the end of the first line (the module declaration). It's 'stopping' that statement and keeping the interpreter from knowing that .controller(...) is a continuation of it, so it doesn't know what to do with that code when it reaches it.

An alternative method for writing module/controller syntax is:

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

myApp.controller(....etc)

but it doesn't look like they're doing that in this section.

Answer 2 · 2016-02-25T18:27:28Z

February 25, 2016 6:27pm

Thanks, Cena. That was it! I must have added that semicolon after all.

Welcome to the Treehouse Community

Looking to learn something new?

Adam White

Adam White

Console errors existing before I make any changes.

2 Answers

Cena Mayo

Cena Mayo

Adam White

Adam White