Utilizzare il trattino basso all'interno dei controller angolari

Come si usa la libreria di sottolineatura all'interno dei controller angularjs?

In questo post: AngularJS limitTo negli ultimi 2 record qualcuno ha suggerito di assegnare una _ variabile a rootScope in modo che la libreria sia disponibile per tutti gli ambiti all'interno dell'app.

Ma non sono chiaro dove farlo. Voglio dire, dovrebbe andare sulla dichiarazione del modulo app? vale a dire:

var myapp = angular.module('offersApp', [])
            .config(['$rootScope', function($rootScope) { }

Ma allora dove carico la sottolineatura lib? Ho solo sulla mia pagina indice la direttiva ng-app e il riferimento allo script sia per le librerie angular-js che per quelle underscore?

index.html:

<head>
</head>
<body ng-app="offersApp">
...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="scripts/vendor/angular.js"></script>
<script src="scripts/vendor/underscore.js"></script>
...  

Come posso raggiungere questo obiettivo?

Quando includi Underscore, si attacca windowall'oggetto e quindi è disponibile a livello globale.

Quindi puoi usarlo dal codice angolare così com'è.

Puoi anche avvolgerlo in un servizio o in una fabbrica, se desideri che venga iniettato:

var underscore = angular.module('underscore', []);
underscore.factory('_', ['$window', function($window) {
  return $window._; // assumes underscore has already been loaded on the page
}]);

E poi puoi chiedere _nel modulo della tua app:

// 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
});

Ho implementato il suggerimento di @ satchmorun qui: https://github.com/andresesfm/angular-underscore-module

Per usarlo:

1. Assicurati di aver incluso underscore.js nel tuo progetto

   <script src="bower_components/underscore/underscore.js">

2. Prendilo:

   bower install angular-underscore-module

3. Aggiungi angular-underscore-module.js al tuo file principale (index.html)

   <script src="bower_components/angular-underscore-module/angular-underscore-module.js"></script>

4. Aggiungi il modulo come dipendenza nella definizione della tua app

   var myapp = angular.module('MyApp', ['underscore'])

5. Per usare, aggiungi come dipendenza iniettata al tuo Controller / Servizio ed è pronto per l'uso

   angular.module('MyApp').controller('MyCtrl', function ($scope, _) {
   ...
   //Use underscore
   _.each(...);
   ...

Io lo uso questo:

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

Vedi https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection circa a metà strada per ulteriori informazioni su run.

Puoi anche dare un'occhiata a questo modulo per angolare

https://github.com/floydsoft/angular-underscore

Se non ti dispiace usare lodash, prova https://github.com/rockabox/ng-lodash che avvolge completamente lodash, quindi è l'unica dipendenza e non è necessario caricare altri file di script come lodash.

Lodash è completamente fuori dall'ambito della finestra e non "spera" che sia stato caricato prima del modulo.

puoi usare questo modulo -> https://github.com/jiahut/ng.lodash

questo è per lodashcosìunderscore