发表新帖
发表新帖

How to make lodash work with Angular JS?

后端 未结
关注
4 1088
轻奢々
轻奢々 2020-11-28 21:02

I\'m trying to use lodash use it at ng-repeat directives, in this way:



        

                      

              相关标签:
4条回答
  • 我在风中等你
    2020-11-28 21:25

    I am not sure what version of Angular you are using. Looks like you should have just used the 'Controller as' syntax when you use 'this' to access variables in the dom.

    Here is the solution with this and not using scope. http://plnkr.co/edit/9IybWRrBhlgQAOdAc6fs?p=info

     <body ng-app="myApp" ng-controller="GridController as grid">
      <div ng-repeat="n in grid._.range(5)">
      <div>Hello {{n}}</div>
    </div>
  </body>
    0 讨论(0)
  • 傲寒
    2020-11-28 21:34

    I just wanted to add some clarification to @beret's and @wires's answer. They definitely helped and got the jist of it but getting the whole process in order might suit someone. This is how I set up my angular environment with lodash and got it working with yeoman gulp-angular to serve properly

    • bower install lodash --save (This adds to bower and a saves to bower json)

    • modify bower json to have lodash load before angular does. (This helps if you're using gulp inject and don't want to manually put it into index.html. otherwise put it into the index.html before the angular link)

    • Make a new constant per @wires's direction.

    'use strict';

angular.module('stackSample')
  // lodash support
  .constant('_', window._);
    • Inject into any angular service, filter, or controller as you would anything else:
    .filter('coffeeFilter', ['_', function(_) {...}]);
    • To throw it into some angular html view just inject it into the controller and assign a scope variable to it:
    .controller('SnesController', function ($scope, _) {
  $scope._ = _;
})

    Hope this helps someone set up their site. :)

    0 讨论(0)
  • 盖世英雄少女心
    2020-11-28 21:36

    I prefer to introduce '_' globally and injectable for tests, see my answer to this question Use underscore inside controllers

    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._;
  });
    0 讨论(0)
  • 傲寒
    2020-11-28 21:37

    ng-repeat requires an Angular expression, which has access to Angular scope variables. So instead assigning _ to this, assign it to the $scope object you inject into the controller:

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

    Demo

    0 讨论(0)
 看不清?
提交回复
热议问题