blocks|key|156267|text|当包含下划线时，它会将自身附加到window对象，因此全局可用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|156268|所以你可以在Angular代码中按原样使用它。|156269|如果您希望将其注入，也可以将其包装在服务或工厂中：|156270|var+underscore+=+angular.module('underscore',+[]);
underscore.factory('_',+['$window',+function($window)+{
++return+$window._;+//+assumes+underscore+has+already+been+loaded+on+the+page
}]);|code-block|syntax|javascript|156271|然后你可以在你的应用程序模块中请求_：|156272|//+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
});|156273|entityMap^0|G|6|0|0|0|0|H|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

When you include Underscore, it attaches itself to the <code>window</code> 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:

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

And then you can ask for the <code>_</code> in your app's module:

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

blocks|key|374203|text|您还可以查看angular的此模块|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374204|https://github.com/floydsoft/angular-underscore|offset|length|374205|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

You can also take a look at this module for angular

<a href="https://github.com/floydsoft/angular-underscore" rel="nofollow">https://github.com/floydsoft/angular-underscore</a>

blocks|key|156325|text|我使用的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|156326|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._;
++});|code-block|syntax|javascript|156327|有关run的更多信息，请参阅https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection。|offset|length|style|CODE|156328|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection^0|0|0|2|3|E|25|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

I use this:

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

See <a href="https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection">https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection</a> about halfway for some more info on <code>run</code>.

blocks|key|374264|text|如果您不介意使用lodash，请尝试使用https://github.com/rockabox/ng-lodash，它完全包装了lodash，因此它是唯一的依赖项，并且您不需要加载任何其他脚本文件，比如lodash。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|374265|Lodash完全脱离了窗口作用域，并且不“希望”在模块之前加载它。|374266|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rockabox/ng-lodash^0|K|11|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

If you don't mind using lodash try out <a href="https://github.com/rockabox/ng-lodash" rel="nofollow">https://github.com/rockabox/ng-lodash</a> 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.

blocks|key|156411|text|您可以使用此模块->+https://github.com/jiahut/ng.lodash|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|156412|这是针对lodash的，underscore也是如此|style|CODE|156413|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jiahut/ng.lodash^0|B|Z|0|0|4|6|C|A|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]|$A|W|B|X|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

you can use this module -> <a href="https://github.com/jiahut/ng.lodash" rel="nofollow">https://github.com/jiahut/ng.lodash</a>

this is for <code>lodash</code> so does <code>underscore</code>

How do I use underscore library inside angularjs controllers?

On this post: <a href="https://stackoverflow.com/questions/11943130/angularjs-limitto-by-last-2-records">AngularJS limitTo by last 2 records</a>
 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: 

<pre><code>var myapp = angular.module('offersApp', [])
 .config(['$rootScope', function($rootScope) { }
</code></pre>

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?

<code>index.html</code>:

<pre><code>&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;
... 
</code></pre>

How do I achieve this?

Use underscore inside Angular controllers

如何在angularjs控制器中使用下划线库？关于这篇文章：有人建议给rootScope分配一个_ variable，这样这个库就可以在应用程序中的所有作用域中使用。但我不知道该在哪里做。我的意思是，它应该出现在应用程序模块声明中吗？即：var myapp = angular.module('offersApp', [...

问在角度控制器内使用下划线
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在角度控制器内使用下划线EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在角度控制器内使用下划线
EN