AngularJS Controller Module Stuck

I was going through a tutorial on AngularJS.  During the tutorial I needed to make controller file which I paste below:
angularForms.controller('efController',
    function efController($scope, efService) {
        $scope.employee = efService.employee;
    });

Open in new window


Unfortunately,  when I initially created this module I left off the efController value and instead had written the following;
angularForms.controller('',
    function efController($scope, efService) {
        $scope.employee = efService.employee;
    });

Open in new window


Which understandably failed to run and broke at that line with the omitted efController value.  So,  I typed it in and attempted to run.  However, the project keeps failing on that same line ignoring the correction.  There is some caching or temp file(s) that are causing this I think, but I haven't any idea where.

Any advise on this would be great.

Thanks!
LVL 1
Howard BashSenior Software EngineerAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

David Johnson, CD, MVPOwnerCommented:
use jsfiddle.net or ctrl-f5 to reload the page
Howard BashSenior Software EngineerAuthor Commented:
I have tried ctrl-f5 and that hasn't fixed this.  Also, jsfiddle.net is a site for working on JavaScript and so I'm not sure how that ties in with the issue I posted here.  Please explain.
Fareed Ali KhanCommented:
I believe you are not injecting the scope and efService.


angularForms.controller('efController', ['$scope', 'efService',
    function efController($scope, efService) {
        $scope.employee = efService.employee;
    }]);
Howard BashSenior Software EngineerAuthor Commented:
Not clear why you would say that.   Can you provide more detail?
BigRatCommented:
1) It might be useful for us to know which tutorial you are using.

2) AngularForms is a set of input controls. I presume you mean something like :
     var AngularForms = angular.module('AngularForms');
     AngularForms.controller('efController')

3) Fareed's suggestion is best practice, because it you minify your app for production use you'll loose the automatic service injection in the controller. You don't HAVE to write it that way, but it is best practice to do so.

4) It is necessaty to define your service before it's use, so efService must be declared before the controller.

5) Please quote the EXACT error message when something goes wrong. If you don't directly see any message, say just that the screen seems funny, test in Chrome and press the F12 key.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.