Angular: If-operations on $scope.variable

Question

I want to run a function based on a $scope value. In my controller, I have:

 $scope.value = "";
 $scope.selector = function(info) { 
    if ($scope.value === "") {
       $scope.value = info;
    } else {
       $scope.value = "";
    }
 }

The function is triggered on ng-click of different images, e.g.:

<img ng-src="..." ng-click="selector(info)">

My problem is the if-operations dont seem to work on the $scope value. I have also tried:

 $scope.$watch('value', function(val) {
    if(val === "") {
       $scope.value = info;
    }
 }

This works if it is outside a function, but not if I place it in the selector function. Better approaches always welcome. Thanks for any explanations.

This has been a typo, I m doing that already, I corrected that. The parameter is in the code. My problem is that he if function does not detect the $scope.value === "" — sandboxj
– sandboxj, Commented Jan 4, 2017 at 16:32
A string that I get from a string array: e.g. imageName[0], which should be "Image 1" — sandboxj
– sandboxj, Commented Jan 4, 2017 at 16:41
It seems like if I run the function directly, the if function runs. But not if I assign the function to a $scope variable. — sandboxj
– sandboxj, Commented Jan 4, 2017 at 17:09

Tulio Faria · Accepted Answer · 2017-01-06 02:16:31Z

1

Try to enclose your value inside an object. There are some cases where Angular cannot "see" that the variable changed.

So, try to keep something like:

$scope.value = { value: "" };

and change the rest of the code accordingly.

I did a codepen with some fixes in your code and with what I said to you: Running example

In this example you can see the val === "" returning true and false.

edited Jan 6, 2017 at 2:16

answered Jan 4, 2017 at 16:37

Tulio Faria

9047 silver badges16 bronze badges

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

2 Comments

sandboxj Over a year ago

This did not solve it. The the if statement still results in false.

Tulio Faria Over a year ago

hi @sandboxj , I edited my answer with the if statement fixed.

Sajeetharan · Accepted Answer · 2017-01-04 16:29:33Z

1

You need to pass the parameter from the view to the function, because your function needs an input parameter

Change the view as,

img ng-src="..." ng-click="selector(value)">

answered Jan 4, 2017 at 16:29

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

9 Comments

sandboxj Over a year ago

Sorry, this has been a typo, I m doing that already, I corrected that. My problem is that he if function does not detect the $scope.value === "".

Sajeetharan Over a year ago

check if your function is getting called and the value being passed

sandboxj Over a year ago

I checked the value. I can console.log(info) and it shows up. But not if I place it inside the if function. Only if I place it before it.

sandboxj Over a year ago

No, unfortunately I do not have any account for screensharing. I understand that if operations should normally be possible on $scope variables then?

Sajeetharan Over a year ago

@sandboxj yes it should work, probably you can debug and check if the function is getting called and print the value

|

Collectives™ on Stack Overflow

Angular: If-operations on $scope.variable

2 Answers 2

2 Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related