To pass a javascript variable to ng-click

Question

My example:

<button ng-click="action()" >Hello World</button>
 Status : <span >{{foo}}</span>
<script>
var status= Math.random()*1000;
</script>

I want to pass a javascript variable status to action(). Is this possible?

function Mycontroller($scope,$window){

    var status = $window.status//works

    $scope.action = function($window){
        //$window -is undefined;
        //var status = $window.status
        debugger
        $scope.foo='default value for foo' + status;

    }

}

Example 2:

window.status= Math.random()*1000;
<button ng-click="action(window.status)" >Hello World</button>

$scope.action = function($status){
        // $status - is undefined ...Why??
    }

Thank you very much.

it is undefined because in ng-click="action()" you are not specifying any parameters... check my answer — harishr
– harishr, Commented Jul 25, 2014 at 15:36

JB Nizet · Accepted Answer · 2014-07-25 14:39:23Z

4

No, it's not possible. Expressions use variables that are exposed on the scope. They can't access global variables (i.e. attributes of window), unless of course the window itself is exposed on the scope (using action(window.status), provided you have called $scope.window = $window before).

answered Jul 25, 2014 at 14:39

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Comments

Ben Wilde · Accepted Answer · 2014-07-25 15:11:55Z

2

As JB Nizet said, you cant access the window or other global variables directly in an expression (like the one inside ng-click), only the scope. So window will return undefined in an expression. But, as HarishR said, you can access window in your controller, or a controller method, as his code shows.

But, if you really want to set it and pass it from the view, you can do an ng-init.

<div ng-controller="myController" ng-init="status = 1000">
  <button ng-click="action(status)">Hello World</button>
  Status : <span>{{foo}}</span>
</div>

see plunker: http://plnkr.co/edit/OWsLjAlLB4II2jGaKupN?p=preview

note that u cant access Math in the ng-init expression, as its a global variable but not on the scope.

answered Jul 25, 2014 at 15:11

Ben Wilde

5,7023 gold badges43 silver badges36 bronze badges

Comments

harishr · Accepted Answer · 2014-07-25 14:38:50Z

1

try below

$scope.action = function(){
    var status = $window.status
}

you dont need to receive $window in $scope.action...

why are you getting it as undefined is because, you are not passing it from HTML

<button ng-click="action()" >Hello World</button>

and actually you dont need to pass it from html and you are trying to receive it in your controller...

answered Jul 25, 2014 at 14:38

harishr

18.1k9 gold badges84 silver badges131 bronze badges

Collectives™ on Stack Overflow

To pass a javascript variable to ng-click

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