angularjs nullable select if null then

Question

I have in my html angularjs select with null posibility:

<span class="nullable"> 
    <select ng-model="ViewLevel" ng-change="selChanged()"
            ng-options="camptype.name for camptype in campTypes">
                <option value="">-- choose campaign type --</option>
    </select>
</span>

and in js controller method to check if user selected something from list or nullable option

     $scope.selChanged = function() {
            if ($scope.ViewLevel == null) {
                $scope.getTypeData();
                console.log("nullek");
            } else {
                $scope.getCampaignData();
                console.log("nie nullek");
            }
        }

But it doesn't work. Always if clause is true, even if in firebug I can see that ViewLevel is not null. Why?

EDIT: screen from firebug
ViewLevel is an object with property but if clause was true:

diagram

@sylwester doesnt work in my project. Outputing this variable in gui works fine but if clause is still always true — user3565261
– user3565261, Commented Aug 6, 2014 at 8:34

harishr · Accepted Answer · 2014-08-06 13:03:54Z

1

rather than checking against null, using ! operator, it will check for both null/undefined

    $scope.selChanged = function() {
        if (!$scope.ViewLevel) {
            $scope.getTypeData();
            console.log("nullek");
        } else {
            $scope.getCampaignData();
            console.log("nie nullek");
        }
    }

EDIT

as per angularjs recommendation: your ngModel must have a dot, and that would solve the problem for you.

//somewhere in your controller
$scope.selected = {}

and then in your html

<select ng-model="selected.ViewLevel" ng-change="selChanged()"
        ng-options="camptype.name for camptype in campTypes">
            <option value="">-- choose campaign type --</option>
</select>

and then again fix if in your function. check for $scope.selected.ViewLevel

 $scope.selChanged = function() {
    if (!$scope.selected.ViewLevel) {
        $scope.getTypeData();
        console.log("nullek");
    } else {
        $scope.getCampaignData();
        console.log("nie nullek");
    }
   }

edited Aug 6, 2014 at 13:03

answered Aug 5, 2014 at 16:18

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

6 Comments

user3565261 Over a year ago

Doesn't changed anything, still if clause is always true.

harishr Over a year ago

Can you setup a plunker

user3565261 Over a year ago

after copying code to plunker it works... but in my project it doesnt

harishr Over a year ago

in that case.. something in your setup is having the problem, i suspect that $scope.ViewLevel is not getting updated... can you console log $scope.ViewLevel and check

user3565261 Over a year ago

In batarank I found that ViewLevel is in scope which is child of my scope. How to access it ?

|

Collectives™ on Stack Overflow

angularjs nullable select if null then

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related