我使用_underscore.js来查找数组中的所有唯一项,但我无法弄清楚如何获取返回的唯一项数.
_PERSONARRAY = [{name:"tom",age:7}{name:"john",age:9}{name:"becky",age:2}{name:"sam",age:7}]
_UNIQUEAGEARRAY = _.chain(_PERSONARRAY).map(function(person) { return person.age }).uniq().value();
Run Code Online (Sandbox Code Playgroud)
在这种情况下,_UNIQUEAGEARRAY将等于:
[7,9,2]
Run Code Online (Sandbox Code Playgroud)
我实际需要返回的是:
[{uniqueAge:7,numberOfPeople:2}{uniqueAge:9,numberOfPeople:1}{uniqueAge:2,numberOfPeople:1}]
Run Code Online (Sandbox Code Playgroud)
感谢帮助.另外,我假设_underscore.js很快就这样做了?如果这是愚蠢的慢,告诉我因为我会接受其他解决方案.
这是一个嵌入Bootstrap缩略图的Slick Carousel小提琴.
如何使转盘只有200px高并确保图像按比例缩放?我似乎无法将旋转木马放入容器中,而这个容器的高度是我所要求的.
注意:加载此小提琴后调整浏览器大小!这适用于已知错误,其中插件布局未在页面加载时初始化.这不是我需要解决的问题.忽略这个问题.
HTML
<div ng-app="slickExampleApp" class="background">
<div ng-controller="SlickCtrl">
<div class="inner-container row">
<div class="thumbnail col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div ng-repeat="result in results">
<slick-carousel
settings="slickConfig"
media="result.images">
</slick-carousel>
<div class="row">
<div class="caption">
<h4 class="heading">{{result.heading}}</h4>
<p class="body">{{result.body}}</p>
<p class="text-center">
<a href="#" class="btn btn-default btn-lg" role="button">Place Offer</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS
var app = angular.module('slickExampleApp', ['slick']);
app.controller('SlickCtrl', function ($scope) {
$scope.slickConfig = {
dots: true,
lazyLoad: 'progressive',
infinite: true,
speed: 100,
slidesToScroll: 1, …Run Code Online (Sandbox Code Playgroud)