AngularJS sample code not working - newbie

Question

I've copied this code directly out of a book, and from what I can tell it should work, but it isn't. I'm not getting any errors, but the Recommendation value is just displaying the angular string (in curly braces), and the console.logs are never getting hit. Where am I going wrong? (Obviously there's a typo somewhere, but I don't know if it's my code or the book's).

<!DOCTYPE html>
<html>
    <head>
        <title>Calculator</title>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    </head>
    <body>
        <form data-ng-controller="CalcController">
            Starting: <input data-ng-change="computeNeeded()" data-ng-model="funding.startingEstimate">
            Recommendation: {{funding.needed}}
        </form>
        <script>
            function CalcController($scope) {
                $scope.funding = {startingEstimate:0};
                computeNeeded = function() {
                    console.log("running");
                    $scope.funding.needed = $scope.funding.startingEstimate * 10;
                    console.log("funding needed: " + $scope.funding.needed);
                };
                $scope.$watch('funding.startingEstimate', computeNeeded);
            }
        </script>
    </body>
</html>

Jmr · Accepted Answer · 2013-05-03 21:40:33Z

1

Looks like this is missing an ng-app tag somewhere (I'd put it on the html). That directive tells Angular to bootstrap itself onto the page.

<html ng-app>

Edit: docs for ng-app: http://docs.angularjs.org/api/ng.directive:ngApp

answered May 3, 2013 at 21:40

Jmr

12.1k4 gold badges41 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

EmmyS Over a year ago

DOH! Thanks. I should have known that much by now. Silly me for thinking that sample code should be correct.

Jmr Over a year ago

Can't tell you how many times I've forgotten ng-app on my own code (hint: one per new html file).

Collectives™ on Stack Overflow

AngularJS sample code not working - newbie

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related