Why won't my function fire? (angularJS)

Question

Hello, I am getting no errors in the console. However when I click on save my function does not fire in the console. Here is my code. I am running livereload for windows. I was wondering if maybe that was somehow the problem?

<!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>

</html>

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

Answer 1 · 2016-06-01T01:53:15Z

June 1, 2016 1:53am

It looks like you forgot the parentheses after the function name:

        <a href="" ng-click="helloWorld()">save</a>

Welcome to the Treehouse Community

Looking to learn something new?

Daniel Jaquez

Daniel Jaquez

Why won't my function fire? (angularJS)

1 Answer

Steven Parker

Steven Parker

It looks like you forgot the parentheses after the function name:

Daniel Jaquez

Daniel Jaquez