Use underscore inside Angular controllers

Question

How do I use underscore library inside angularjs controllers   On this post  AngularJS limitTo by last 2 records  somebody suggested to assign an   variable to the rootScope so that the library will be available to all the scopes within the app    But I m not clear where to do it  I mean should it go on the app module declaration  i e    var myapp   angular module  offersApp                    config    rootScope   function  rootScope        But then where do I load underscore lib  I just have on my index page the ng-app directive and script reference to both the angular-js and underscore libs   index html    lt head gt   lt  head gt   lt body ng-app  offersApp  gt       lt script src    ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt   lt script src  scripts vendor angular js  gt  lt  script gt   lt script src  scripts vendor underscore js  gt  lt  script gt          How do I achieve this

User · Answer

you can use this module -   https   github com jiahut ng lodash  this is for lodash so does underscore

User · Answer

I use this   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            See https   github com angular angular js wiki Understanding-Dependency-Injection about halfway for some more info on run

User · Answer

When you include Underscore  it attaches itself to the window object  and so is available globally   So you can use it from Angular code as-is   You can also wrap it up in a service or a factory  if you d like it to be injected   var underscore   angular module  underscore        underscore factory         window   function  window      return  window       assumes underscore has already been loaded on the page        And then you can ask for the   in your app s module      Declare it as a dependency of your module var app   angular module  app     underscore         And then inject it where you need it app controller  Ctrl   function  scope            do stuff

User · Answer

I have implemented  satchmorun s suggestion here  https   github com andresesfm angular-underscore-module  To use it    Make sure you have included underscore js in your project   lt script src  bower components underscore underscore js  gt   Get it   bower install angular-underscore-module  Add angular-underscore-module js to your main file  index html    lt script src  bower components angular-underscore-module angular-underscore-module js  gt  lt  script gt   Add the module as a dependency in your App definition  var myapp   angular module  MyApp     underscore     To use  add as an injected dependency to your Controller Service and it is ready to use  angular module  MyApp   controller  MyCtrl   function   scope             Use underscore   each

User · Answer

You can also take a look at this module for angular  https   github com floydsoft angular-underscore

User · Answer

If you don t mind using lodash try out https   github com rockabox ng-lodash it wraps lodash completely so it is the only dependency and you don t need to load any other script files such as lodash    Lodash is completely off of the window scope and no  hoping  that it s been loaded prior to your module

[javascript] Use underscore inside Angular controllers

Examples related to javascript

Examples related to angularjs

Examples related to underscore.js