Question

8

Controller Function is not getting called on ng-click

rated 0 times [ 9] [ 1] / answers: 1 / hits: 21600 / 11 Years ago, sun, january 5, 2014, 12:00:00

This is my View Code

<div ng-controller=signupCtrl>

<ul class=list-group >

    <li class=list-group-item>

        <div class=form-group>

            <input type=text ng-model=signupCtrl.firstName>

        </div>

    ...

        </div>





        <div class=form-group>

            <div class=pull-right>

                <button ng-click=signupCtrl.signupUser()>Register</button>

            </div>

        </div>

    </li>

</ul>

</div>

Update- This is my Controller Code ##

someAppControllers.controller('signupCtrl', [

    '$window', 

    '$scope',     

    'HttpReqHandlerService',     

    '$location', 

    'localStorageService'],

    function($window, $scope, HttpReqHandlerService, 

             $location, localStorageService) { 

        $scope.signupUser=function signupUser() {

        alert(hello);

    }]);

The button is not calling signupUser function in my controller

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

johnniejarend

Add To Favorites

Follow

Total Points: 84

Total Questions: 91

Total Answers: 91

Location: British Indian Ocean Territory

Member since Tue, Feb 22, 2022

2 Years ago

answered 11 Years ago janettejordynm · Accepted Answer

Use $scope.signupUser instead of this.signupUser

Change you code as

 someAppControllers.controller('signupCtrl', ['$window', '$scope',

    function ($window, $scope) { // Here you have to define function an pass window and scope

        $scope.signupUser = function signupUser() {

            alert(hello);

        };

    }

 ]);

Additionally, You have syntax error.

HTML

Instead of

<input type=text ng-model=signupCtrl.firstName>

<button ng-click=signupCtrl.signupUser()>Register</button>

Use

<input type=text ng-model=firstName>

<button ng-click=signupUser()>Register</button>