javascript - How to make lodash work with Angular JS?

Question

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 1

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._;
  });