Passing a variable into a function - AngularJS

Question

I have the following html:

<button id="capIt" class="preview" ng-click="saveCaption('{{ user_id }}')">
  <i class="fa fa-floppy-o"></i> Save It!
</button>

Which, when inspected in the DOM, translates to e.g. this:

<button id="capIt" class="preview" ng-click="saveCaption('123')">
  <i class="fa fa-floppy-o"></i> Save It!
</button>

I have a function inside my controller:

capApp.controller('mainController', 
    ['$scope', '$http', '$rootScope', '$location', 
        function($scope, $http, $rootScope, $location) {
          $scope.saveCaption = function(user_id) {
            console.log('clicked '+user_id);
            // plus other stuff but that's irrelevant
          }
  }]);

But when the button is clicked what I see in the console is this:

clicked {{ user_id }}

Why is the code correct in the DOM but the function is getting {{ user_id }} instead of 123?

Sam · Accepted Answer · 2015-04-02 16:19:17Z

1

Just pass user_id instead of {{user_id}}

Your variable is in scope, so any value will be picked up directly.

answered Apr 2, 2015 at 16:19

Sam

4,55412 gold badges44 silver badges75 bronze badges

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

Comments

Juan · Accepted Answer · 2015-04-02 16:18:59Z

1

You don't need to scape user id as you are already in "code".

Try:

<button id="capIt" class="preview" ng-click="saveCaption(user_Id)">
   <i class="fa fa-floppy-o"></i> Save It!
</button>

answered Apr 2, 2015 at 16:18

Juan

3,70323 silver badges34 bronze badges

Collectives™ on Stack Overflow

Passing a variable into a function - AngularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related