AngularJS and underscore usage in same example

Question

i am leaning how to use underscore in AngularJS. i try to extract last 2 element from array and show in alert. code is working but the problem is last two element is showing together in alert but i want to show each element in alert one after one. here is my code. please tell me what i should use as a result each last 2 element in alter one after one.

<div ng-app="myApp" ng-controller="MainCtrl">

</div>

var myApp = angular.module('myApp', []);

myApp.factory('_', function() {
  return window._; //Underscore should be loaded on the page
});

myApp.controller('MainCtrl', function ($scope, _) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS2',
      'AngularJS1'
    ];

    var x = _.last($scope.awesomeThings, 2);
        //alert(x[0]);

        _.each([x],function(i)
    {
        alert(i);
    });

  });

i also follow these links

how to break the _.each function in underscore.js

how to install underscore.js in my angular application?

Plucking an Object in an array using underscore.js

still got no answer.........waiting :(

Monojit Sarkar
– Monojit Sarkar

2017-06-15 11:18:06 +00:00
Commented Jun 15, 2017 at 11:18 — Monojit Sarkar
– Monojit Sarkar, Commented Jun 15, 2017 at 11:18

casraf · Accepted Answer · 2017-06-15 14:10:49Z

1

_.last(..., 2) will return an array containing 2 items for you.

var x = _.last($scope.awesomeThings, 2);

_.each loops through the array, so:

_.each([x], function(i) {

Notice how you wrapped x in another array, unnecessarily. It successfully loops through the only item in the array, which is another array containing the data you needed.

Your solution should be as simple as:

_.each(x, function(i) {
  alert(i);
});

Or simpler, like you already noticed you can do:

_.each(x, alert);

answered Jun 15, 2017 at 14:10

casraf

21.8k10 gold badges60 silver badges93 bronze badges

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

Comments

Monojit Sarkar · Accepted Answer · 2017-06-15 13:34:36Z

i found out the solution what i was looking for.

these two line solve my issue

var x = _.last($scope.awesomeThings, 2);
_.each(x.reverse(), alert);

full code example

var myApp = angular.module('myApp', []);

myApp.factory('_', function() {
  return window._; //Underscore should be loaded on the page
});


myApp.controller('MainCtrl', function ($scope, _) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS2',
      'AngularJS1'
    ];
    //alert('pp');
    /*_.each([1,2,3],function(i)
    {
        alert(i);
    });*/
    var x = _.last($scope.awesomeThings, 2);
    _.each(x.reverse(), alert);
        //alert(x[0]);

        /*_.each([x],function(i)
    {
        alert(i);
    });*/

  });

Collectives™ on Stack Overflow

AngularJS and underscore usage in same example

2 Answers 2

Comments

full code example

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

full code example

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related