Використовуйте підкреслення всередині кутових контролерів

Як використовувати бібліотеку підкреслення всередині контролерів angularjs?

У цьому дописі: AngularJS limitЗа останніми двома записами хтось запропонував призначити змінну _ _ rootScope, щоб бібліотека була доступною для всіх областей програми.

Але мені не ясно, де це робити. Я маю на увазі, чи слід це надсилати на декларацію модуля додатка? тобто:

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

Але тоді де я завантажую підкреслювальну лібу? Я просто маю на своїй сторінці покажчиків директиву ng-програми та посилання на скрипт як на кутові js, так і на підкреслювальні лібри?

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>
...  

Як я цього досягти?

Якщо ви включите підкреслення, він приєднується до windowоб'єкта, і тому він доступний у всьому світі.

Таким чином, ви можете використовувати його з кутового коду як є.

Ви також можете загорнути його в службу чи на заводі, якщо ви хочете, щоб його вводили:

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

Після цього ви можете запитати _модуль додатка:

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

Я втілив пропозицію @ satchmorun тут: https://github.com/andresesfm/angular-underscore-module

Щоб використовувати його:

1. Переконайтеся, що ви включили underscore.js у свій проект

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

2. Отримайте:

   bower install angular-underscore-module

3. Додайте angular-underscore-module.js до основного файлу (index.html)

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

4. Додайте модуль як залежність у своєму визначенні програми

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

5. Щоб користуватися, додайте до контролера / сервісу залежну залежність і вона готова до використання

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

Я використовую це:

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

Дивіться https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection приблизно на півдорозі для отримання додаткової інформації про run.

Ви також можете подивитися на цей модуль на кутовий

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

Якщо ви не проти використовувати lodash, спробуйте https://github.com/rockabox/ng-lodash, він повністю обгортає lodash, так що це єдина залежність, і вам не потрібно завантажувати будь-які інші файли скриптів, такі як lodash.

Лодаш повністю виходить за межі вікна і не вимагає "сподівання", що він завантажений до вашого модуля.

ви можете використовувати цей модуль -> https://github.com/jiahut/ng.lodash

це lodashтак і робитьunderscore