AngularJs Model is undefined when passing in ng-click function

Question

I get undefined for my logInModel when passing it in ng-click function. however when i use debugger i can see my properties are populating with value.

can someone explain to me please?

    $scope.logInModel = {
        userName: "",
        password: ""
    };

    $scope.postLogin = function (logInModel) {
        console.log("logInModel " + logInModel);
        authService.postLogin(logInModel).then(successCallback, errorCallBack);
    }


<div>
    <div class="row">
        <span>
            User Name:&nbsp;
            <input type="text" name="txtUserName" ng-model="logInModel.userName" />
        </span>
    </div>
    <div class="row">
        <span>
            Password:&nbsp;
            <input type="password" name="txtUserName" ng-model="logInModel.password" />
        </span>
    </div>
    <div class="row">
        <span>
            <button type="submit" name="btnSubmit" ng-click="postLogin(loginmodel)">
                <span> Sign In</span>
            </button>
        </span>
    </div>


</div>

Josh Russo · Accepted Answer · 2016-05-06 02:31:51Z

1

The casing is wrong in the ng-click. Use an upper case "I" and "M" ... As in logInModel

answered May 6, 2016 at 2:31

Josh Russo

3,2413 gold badges45 silver badges69 bronze badges

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

1 Comment

kkdeveloper7 Over a year ago

Thank you, didnt know it was case secretive

Bon Macalindong · Accepted Answer · 2016-05-06 02:33:52Z

1

You are passing postLogin(loginmodel) in your view, however in your $scope, it is logInModel, with a capital I and M that's why it is undefined.

edited May 6, 2016 at 2:33

answered May 6, 2016 at 2:26

Bon Macalindong

1,32013 silver badges20 bronze badges

Comments

Thusithz · Accepted Answer · 2016-05-06 02:38:50Z

0

Your passing parameter is wrong. It should be ng-click="postLogin(logInModel)"

answered May 6, 2016 at 2:38

Thusithz

8941 gold badge14 silver badges36 bronze badges

Collectives™ on Stack Overflow

AngularJs Model is undefined when passing in ng-click function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related