在 Angularjs 中使用 lodash答案

【问题标题】：Using lodash with Angularjs在 Angularjs 中使用 lodash
【发布时间】：2016-03-11 15:36:37
【问题描述】：

我在网上找到了一个使用 AngularJS 和 Lodash 的应用程序。包含 Lodash 的方式只需在正文中添加以下行（在包含 angular 之后）：

<script src='vendor/lodash/3.3.1/lodash.min.js'></script>
<script src='myApp.js'></script>

在 myApp.js 中，第一行是：

/* global angular, _ */

然后你就可以访问 Lodash（使用 _）我不确定它为什么会起作用......

【问题讨论】：

【解决方案1】：

Lodash includes itself 在全局范围级别。它通过附加_ 来实现到 window 对象 (see code here)。您看到的那条评论与此无关。它是像 JSHint 这样的 linter 的配置行，因此它不会向您抛出错误，因为它认为这些变量是 undefined。

【讨论】：

【解决方案2】：

我会通过以下方式包含 lodash。

在 angular 之前将其包含在 index.html 中，就像您所做的一样（尽管我更喜欢使用 bower 命令，这将使其全局可用）。并且在你的模块中保持不变

angular.module('sampleApp', [])
    .constant('_', _);

将其注入您的控制器或角度组件。希望这会有所帮助。

.controller('sampleAppController', function ($scope) {
  $scope._ = _;
})

另外，您可以将它附加到 rootScope，但我不喜欢这样做。

【讨论】：