Checkbox in angular issue

Question

I define a checkbox in angular like this :

<input type="checkbox" id="rememberMe" name="rememberMe" ng-model="model.rememberMe" value="1" />

and in my controller i have :

  app.controller('loginController', function ($http, $scope) {

    $scope.login = function () {
        $scope.model.rememberMe = $scope.rememberMe == undefined ? false : true;       
        $http.post("/Accounts/UserLogin", $scope.model).success(function (response) {
            $scope.message = response;
        });
    }
});

but in console i have an error :Cannot set property 'rememberMe' of undefined, what is the problem?

Hard guess you didnt define $scope.model

Michael
– Michael

2015-11-02 13:29:54 +00:00
Commented Nov 2, 2015 at 13:29 — Michael
– Michael, Commented Nov 2, 2015 at 13:29

IggY · Accepted Answer · 2015-11-02 13:30:14Z

2

You can't define directly

$scope.model.rememberMe
//$scope.model is not defined (=undefined), therefore you get :
//Cannot set property 'rememberMe' of undefined

you have to do

$scope.model = {};  //define object "model"
$scope.model.rememberMe = ... //set property rememberMe of "model"

answered Nov 2, 2015 at 13:30

IggY

3,1454 gold badges32 silver badges55 bronze badges

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

Comments

Nguyen Sy Thanh Son · Accepted Answer · 2015-11-02 13:32:37Z

0

I think that your controller should be:

 app.controller('loginController', function ($http, $scope) {
    $scope.model = { rememberMe: false };
    $scope.login = function () {
        $scope.model.rememberMe = $scope.rememberMe == undefined ? false : true;       
        $http.post("/Accounts/UserLogin", $scope.model).success(function (response) {
            $scope.message = response;
        });
    }
});

I hope this help.

answered Nov 2, 2015 at 13:32

Nguyen Sy Thanh Son

5,3961 gold badge25 silver badges34 bronze badges

Comments

rodrix · Accepted Answer · 2015-11-02 13:33:03Z

0

maybe you forgot to declare the $scope.model.

First:

$scope.model = {};

After:

$scope.model.rememberMe = $scope.rememberMe == undefined ? false : true;

answered Nov 2, 2015 at 13:33

rodrix

4777 silver badges19 bronze badges

Collectives™ on Stack Overflow

Checkbox in angular issue

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related