Question

如何在angularjs控制器中使用下划线库？

在这篇文章中：AngularJS limitTo by last 2 records 有人建议将一个_变量分配给rootScope，以便该库可供应用程序中的所有范围使用。

但我不清楚在哪里做。我的意思是应该继续app模块声明吗？即：

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

但是我在哪里加载下划线lib？我的索引页面上只有ng-app指令和对angular-js和underscore libs的脚本引用？

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

我如何实现这一目标？

Answer 1

当您包含下划线时，它会将自身附加到window对象，因此全局可用。

所以你可以按原样使用Angular代码。

如果您希望将其注入，您也可以将其包装在服务或工厂中：

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

Answer 2

我在这里实施了@ satchmorun的建议： https://github.com/andresesfm/angular-underscore-module

使用它：

确保在项目中包含了underscore.js

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

获取它：

bower install angular-underscore-module

将angular-underscore-module.js添加到主文件（index.html）

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

在您的App定义中添加模块作为依赖项

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

要使用，请将您作为注入依赖项添加到您的Controller / Service并准备好使用

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

Answer 3

我用这个：

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

有关run的更多信息，请参阅https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection一半左右。

Answer 4

您还可以查看此模块的角度

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

Answer 5

如果你不介意使用lodash试试https://github.com/rockabox/ng-lodash它完全包装lodash所以它是唯一的依赖项，你不需要加载任何其他脚本文件，如lodash。

Lodash完全不在窗口范围内，并且没有“希望”在你的模块之前加载它。

Answer 6

你可以使用这个模块 - ＆gt; https://github.com/jiahut/ng.lodash

这适用于lodash underscore

在Angular控制器中使用下划线

6 个答案: