Can data be presented in AngularJS without the use of scope variables?

Question

Can data be presented in AngularJS without the use of scope variables?

I have a method:

<span ng-init="getJobApplicantsList(jobId)">(number should be display here)</span>

Is there a way to display the data without having to store it in a scope variable?

I need to use this method in many places.

This is my controller:

var set = [blah,blah];//object
$scope.getJobApplicantsList = function(jobId) {
  findByMatchingProperties(set, { jobId: jobId }).length; // Here I have a function that returns a number, for example: 250
}

I want to achieve something like this:

 <span>{{getJobApplicantsList(jobId)}}</span>

javascript angularjs methods

Answer 1

Answer №1

Simply retrieve the count

$scope.fetchApplicantsCount = function(jobId) {
   return   findByMatchingProperties(set, { jobId: jobId }).length;  
}

then invoke the function in the template

<span>{{fetchApplicantsCount(jobId)}}</span>

Answer 2

Simply retrieve the count

$scope.fetchApplicantsCount = function(jobId) {
   return   findByMatchingProperties(set, { jobId: jobId }).length;  
}

then invoke the function in the template

<span>{{fetchApplicantsCount(jobId)}}</span>

Answer 3

Answer №2

Simply retrieve the value from the function without the need to save it in a variable.

Avoid using $scope by following these steps -

JS -

var vm = this;
vm.getJobApplicantsList = function (jobId) {
            return findByMatchingProperties(set, { jobId: jobId }).length;
        }

HTML -

<div ng=controller="AppController as vm">
  <span ng-bind="vm.getJobApplicantsList(jobId)"></span>
</div>

Answer 4

Simply retrieve the value from the function without the need to save it in a variable.

Avoid using $scope by following these steps -

JS -

var vm = this;
vm.getJobApplicantsList = function (jobId) {
            return findByMatchingProperties(set, { jobId: jobId }).length;
        }

HTML -

<div ng=controller="AppController as vm">
  <span ng-bind="vm.getJobApplicantsList(jobId)"></span>
</div>

Can data be presented in AngularJS without the use of scope variables?

Answer №1

Answer №2

Similar questions

Comparing NodeIntegration, Preload Script, and IPC in Electron Framework

Using jQuery to fetch and display content from an external webpage

Ways to bring in a Typescript Vue project to a Javascript Vue

Resolving the Smooth Scrolling Problem

Update data dynamically on a div element using AngularJS controller and ng-repeat

JSON data being sent through an AJAX request

Using AngularJS $http.jsonp() method to interface with Google Maps Distance Matrix API

Navigating after submitting a form using the Location header in jQuery

Error message "ag-grid: Unable to perform the key.forEach function in the console when resizing columns"

What is causing the lack of response in the select box on Mac Chrome when I try to click on it?

What is the method to prevent the label from closing in the MUI 5 datepicker?

Adding images in ascending order according to the parent div's ID

Retrieving and storing selected checkbox values using both JavaScript and PHP

angular and node: troubleshooting the $http.get error

JQuery enables nested sorting functionality

Tips for monitoring input content "live"

Creating Multiple Choice Forms in React: A Guide to Implementing Conversational Form

Convert the object containing arrays to a boolean value, which will be true if at least one of the arrays is not empty

Injecting JavaScript object values into dynamically generated modal

Encountering issues with link button redirection