How to use parameters in AngularJS?

Question

How is it that the first function works, yet the second one doesn't?

<p ng-style="colors.one">1</p>


$scope.turnOn = function()
    {
        $scope.colors.one = {color: "green"};
    }

$scope.turnOff = function(num)
    {
        $scope.colors.num = {color: "red"};
    }

$scope.turnOn();
$scope.turnOff(one);

EDIT I tried adding num on $scope.colors like you guys suggested, still can't seem to figure it out.

$scope.turnOn = function(num)
    {
        $scope.colors[num] = {color: "green"};
    }

$scope.turnOff = function(num)
    {
        $scope.colors[num] = {color: "red"};
    }

I'm calling the functions through

<button ng-switch-when='false' ng-click='turnOn(one)'>
<button ng-switch-when='true' ng-click='turnOff(one)'>

Have you tried $scope.colors[num] = {color: "red"}; ?

jfadich
– jfadich

2015-09-14 23:51:43 +00:00
Commented Sep 14, 2015 at 23:51 — jfadich
– jfadich, Commented Sep 14, 2015 at 23:51

jfadich · Accepted Answer · 2015-09-14 23:54:20Z

2

num is not defined on colors. You can access the property num like this.

$scope.colors[num] = {color: "red"};

answered Sep 14, 2015 at 23:54

jfadich

6,3882 gold badges23 silver badges32 bronze badges

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

Comments

PSL · Accepted Answer · 2015-09-15 00:27:28Z

1

i.e because you want to pass string "one" and not the value of scope property one via ng-click function argument in order to access it as:

<p ng-style="colors.one">1</p>

i.e

<button ng-switch-when='false' ng-click='turnOn("one")'>
<button ng-switch-when='true' ng-click='turnOff("one")'>

When you do ng-click='turnOn(one)' it is equivalent to calling the function turnOn with the value of $scope.one which has no value in your case, and using the bracket notation will just assign the value to the object, i.e $scope.colors[num] = ...

answered Sep 15, 2015 at 0:27

PSL

124k21 gold badges257 silver badges243 bronze badges

Comments

sjm · Accepted Answer · 2015-09-14 23:51:58Z

0

The parameter 'num' has no association to $scope.colors.num

should be

$scope.colors[num] = {color: "red"};

answered Sep 14, 2015 at 23:51

sjm

5,5181 gold badge28 silver badges37 bronze badges

Comments

Neil S · Accepted Answer · 2015-09-14 23:52:16Z

0

you have to reference variable property names with different notation:

$scope.turnOff = function(num) {
    $scope.colors[num] = {color: "red"};
};

should work.

answered Sep 14, 2015 at 23:52

Neil S

2,30421 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to use parameters in AngularJS?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related