Using ng-repeat to pass a parameter into a function triggered by ng-click

Question

Using ng-repeat to pass a parameter into a function triggered by ng-click

Check out the code snippet provided:

<div>
  <div class="list-group">
    <a class="list-group-item" ng-click="c.selectItem(note.sys_id)" 
       ng-repeat="note in data.notes">
      <h4 class="list-group-item-heading">
        {{note.title}}
      </h4>
      <p class="list-group-item-text">
        {{note.sys_id}}
      </p>
    </a>
  </div>
</div>

In the rendered output, note.sys_id is successfully displayed. However, I am trying to pass this value to the ng-click function above. I have attempted the following code modifications without success:

 ng-click="c.selectItem(note.sys_id)"
 ng-click="c.selectItem({{note.sys_id}})"

javascript angularjs

Answer 1

Answer №1

https://jsfiddle.net/1q8mdb3z/

ng-click="c.selectItem(note.sys_id)"

It is recommended to ensure that your function is correctly implemented for the desired outcome. It is assumed that your scope should resemble something like:

$scope.c = {
    selectItem = function(id) {
      // do something with id
    }
}

Answer 2

https://jsfiddle.net/1q8mdb3z/

ng-click="c.selectItem(note.sys_id)"

It is recommended to ensure that your function is correctly implemented for the desired outcome. It is assumed that your scope should resemble something like:

$scope.c = {
    selectItem = function(id) {
      // do something with id
    }
}

Using ng-repeat to pass a parameter into a function triggered by ng-click

Answer №1

Similar questions

Ways to switch out the background image using jQuery

Tips for sending data through AJAX before the browser is about to close

Encountering difficulties in setting up an Angular 5 project with angular-cli

What is the limitation of including a string constant with "</script>" inside a <script> block?

retrieve data from the API response using a node request

Struggling to delete an item from an Array within Mongoose

Using JavaScript promises to handle connection pooling and query execution

Express API developed with the use of Node.js

Tips for managing Ajax JSON response in a PhoneGap application

Exploring the Realm of Angular Controllers and Services: Embracing Triumphs and

Why isn't the function call working within a directive?

Performing synchronous POST requests to manipulate data in a SQL database using AJAX

I possess a pair of arrays, and I aim to transfer certain elements from Array1 to Array2 while maintaining their references

Is there a way to remove elements from a canvas using jquery?

Instructions on uploading a PDF file from a Wordpress page and ensuring the file is stored in the wp-content upload directory folder

Utilizing Google APIs to split a route among multiple locations

Bypass the Array.reduce method in JavaScript

Circular graphs displaying percentages at their center, illustrating the distribution of checked checkboxes across various categories

Bird's-eye view captured by a high-angle camera

Initiate the setInterval function upon clicking the button