Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AngularJS Basics (1.x) Controllers and Scope Understanding Scope In Angular

Unexpected error and ng-inspector not working.

Hey guys, here's my code snapshot: http://w.trhou.se/im5goap5cp

It seems for some reason I'm getting some errors (check the console). And the ng-inspector is also not showing anything. I'm using chrome browser.

Need a solution. I'm trying to be reproduce what's shown in the video.

2 Answers

simhub
simhub
26,543 Points

Hi Bappy Golder, i'm not sure but i thing you got some 'TYPOS' in app.js.

app.js

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

    .controller('coolCtrl', function ($scope) {
    // 1. TYPO: should spell function
        $scope.whoAmI = fucntion () {
            console.log("Hello there, this is the coolCtrl function");
        };
    })

    // 2. TYPO: should spell controller
    .conroller('imASibling', function ($scope) {
        $scope.foobar = 1234;

    });

hope that helps =)

Doesn't help much still looking for solutions.

NG inspector does not work without a server running locally, I turned on MAMP and opened my local file from http://localhost/angular/index.html and it started working.