diegoaguilar diegoaguilar - 6 months ago 28
AngularJS Question

How to make lodash work with Angular JS?

I'm trying to use lodash use it at

ng-repeat
directives, in this way:

<div ng-controller="GridController" ng-repeat="n in _.range(5)">
<div>Hello {{n}}</div>
</div>


Being
GridController
:

IndexModule.controller('GridController', function () {

this._ = _

})


However is not working and so, nothing being repeated. If I change the directive to
ng-repeat="i in [1,2,3,4,5]"
it'll work.

lodash
is already included via
<script>
at
<header>
before
angular
. How can I make it work?

Answer

I prefer to introduce '_' globally and injectable for tests, see my answer to this question Use underscore inside controllers

var myapp = angular.module('myApp', [])
  // allow DI for use in controllers, unit tests
  .constant('_', window._)
  // use in views, ng-repeat="x in _.range(3)"
  .run(function ($rootScope) {
     $rootScope._ = window._;
  });