Ionic: Error: undefined is not an object

Question

I'm trying to check some signup fields using the following code:

$scope.signup = function()
            {

            if ($scope.signup.spans.name)
                return;

This is the html code that refers to $scope.signup.spans.name:

<span ng-model="signup.spans.name" style="padding: 2px 0 2px 16px; color: red;" ng-if="!check_name()">Please type a valid name</span>

However after testing the app, I get stuck at the error:

Error: undefined is not an object (evaluating '$scope.signup.spans.name') signup

So what's wrong with my code? is there any possibility to fix that?

I need some help.

Thanks in advance.

need little more code to help, its great if you can share the java script — Nifal Nizar
– Nifal Nizar, Commented May 27, 2016 at 9:51
You need to create the object signup{ spans: { name: "NameOfSpan" }}}; — Kush
– Kush, Commented May 27, 2016 at 9:54
if you really want to create a object call "spans" oki. Otherwise no use creating element like this — Nifal Nizar
– Nifal Nizar, Commented May 27, 2016 at 9:56

Martijn Welker · Accepted Answer · 2016-05-27 09:51:57Z

2

Where you initialise the controller you have to define $scope.signup like this:

$scope.signup = {
    spans: {}
}

ngModel won't automatically create object variables for you

answered May 27, 2016 at 9:51

Martijn Welker

5,6151 gold badge19 silver badges26 bronze badges

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

1 Comment

Ohh .. I missed that. Thanks so much, that solved the problem.