小编Rom*_*man的帖子

Slick 3.0.0:如何查询一对多/多对多关系

基本上同样的问题大约一年前被问到光滑的2.x(scala光滑的一对多收藏).我想知道是否有任何进展与反应浮油的发布.

比方说我们有三张桌子.library,booklibrary_to_book其中一个图书馆有很多书.我想要的是带有书籍的图书馆清单.在scala中,这就像是Seq[(Library, Seq[Book])].我的查询如下:

val q = (for {
  l   <- libraries
  ltb <- libraryToBooks if l.id === ltb.libraryId
  b   <- books if ltb.bookId === b.id
} yield (l, b)
db.run(q.result).map( result => ??? )
Run Code Online (Sandbox Code Playgroud)

results在这种情况下是类型Seq[(Library, Book)].如何更改查询以获取类型的结果Seq[(Library, Seq[Book])]?编写此类查询的"光滑方式"是什么?

scala slick slick-3.0

18
推荐指数
1
解决办法
4699
查看次数

光滑的滑块重新定位

在我的项目中,我正在使用光滑的滑块插件(http://kenwheeler.github.io/slick/).我想知道是否有可能重新定位光滑的点.默认情况下,它们显示在应用了光滑滑块的div容器下方.我想在这里实现的是在滑动div块中放置光滑的点.我用箭头实现这一点没有问题,因为我可以用自定义类名称来引用它们.
我的HTML看起来像这样:

<div class="slider-fade">
 <div>
  <div class="text-box">
   <h2>Lorem ipsum</h2>
   ...additional text
  </div>
 </div>
 <div>
  <div class="text-box">
   <h2>Lorem ipsum</h2>
   ...additional text
  </div>
 </div>
 <div>
  <div class="text-box">
   <h2>Lorem ipsum</h2>
   ...additional text
  </div>
 </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的JS设置如下所示:

$('.slider-fade').slick({
 autoplay: true,
 autoplaySpeed: 3000,
 infinite: true,
 speed: 500,
 fade: true,
 cssEase: 'linear',
 prevArrow: $('.prev'),
 nextArrow: $('.next'),
 dots: true
});
Run Code Online (Sandbox Code Playgroud)

所以正如我现在提到的那样,点会显示在整个slider-fade类的下方,但我想得到它,例如,在text-box类下面.这可以实现吗?

视觉表示:http://i.stack.imgur.com/jmocB.png

目标是在块内的箭头下方获得点.

html jquery slider slick.js

7
推荐指数
2
解决办法
3万
查看次数

Angular2:routeLink不会创建href属性

我有三个很基本的组成部分:AppComponent,AdminComponentLoginComponent.双方AppComponentLoginComponent显示一个链接AdminComponent.AppComponent包含router-outlet和所有路由配置.

现在,出于某种原因角呈现<a [routerLink]="['Admin']">Admin</a><a href="/admin">Admin</a>AppComponent同样的预期.但是,LoginComponent呈现的完全相同的链接<a>Admin</a>.我究竟做错了什么?

尝试了Angular版本:2.0.0-beta.8和2.0.0-beta.9.

app.component.ts

import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';

import {AdminComponent} from './admin.component';
import {LoginComponent} from './login.component';

@Component({
  selector: 'ww-app',
  template: `
    <a [routerLink]="['Admin']">Admin</a>             // This link works as expected

    <router-outlet></router-outlet>
  `,
  directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
  { path: '/login', component: LoginComponent, name: 'Login', useAsDefault: true },
  { path: …
Run Code Online (Sandbox Code Playgroud)

angular2-routing angular

7
推荐指数
1
解决办法
3315
查看次数

移动设备中的桌面和光滑幻灯片是否可以取消?

我想在桌面上禁用滑块,但需要在移动设备中滑动,你可以帮帮我吗?

$('.slider').slick({
     slidesToShow: 5,
     slidesToScroll: 1,
     autoplay: false,
     autoplaySpeed: 2000,
     responsive: [
        {
           breakpoint: 767,
           settings: "unslick"
        }
     ]
  });
Run Code Online (Sandbox Code Playgroud)

jquery slider slick.js

7
推荐指数
3
解决办法
2万
查看次数

如何禁用Slick Slider箭头?

我正在使用具有两种不同风格的Slick滑块,对于我的网页,但我遇到箭头问题.你能帮我么?

这是我的主要.slider,我用它来设置它的上一页和下一个箭头

http://prntscr.com/7kdpgo

在这里我使用了.filtering类的Slick,但我不想要这些箭头.如何在此处禁用它们并在设计中添加它们?

http://prntscr.com/7kdq03

javascript jquery arrows slider

5
推荐指数
2
解决办法
2万
查看次数

Angular2光滑的旋转木马

是否有创建ANGULAR2 光滑轮播组件的教程.

或者至少任何人都可以帮我在ANGULAR2中包含jQuery和光滑的轮播脚本.

carousel slick.js angular

4
推荐指数
2
解决办法
9219
查看次数

如何在播放视图中处理隐式传递的期货

在我的特定情况下,我有一个在所有页面上呈现的菜单.菜单内容使用光滑从数据库加载并隐式传递给视图.整件事看起来像这样:

调节器

class Application @Inject()(
  implicit val menuContext: MenuContext
) extends Controller {

  def index = Action.async {
    val content: Future[Content] = getContent
    content.map(c => Ok(views.html.index(c)))
  } 
}
Run Code Online (Sandbox Code Playgroud)

MenuContext

class MenuContext {
  val models: Future[List[SomeModel]] = getModelsFromDB
}
Run Code Online (Sandbox Code Playgroud)

视图

@(content: Content)(implicit menuContext: MenuContext)
...
@menuContext.models // how to access my actual model and not the Future?
...
Run Code Online (Sandbox Code Playgroud)

如何List[SomeModel]在我的视图中访问?Action.async传递隐式参数是否有相应的作用?或者甚至可以为(几乎)所有视图中所需的东西提供更好的解决方案?

scala playframework playframework-2.0 slick playframework-2.4

2
推荐指数
1
解决办法
555
查看次数

slickjs总是显示箭头

我正在尝试配置slick.js以在任何情况下显示箭头。

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 6,
  infinite: true,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  arrows: true,
  centerMode: false,
  focusOnSelect: true
});
Run Code Online (Sandbox Code Playgroud)

问题是当我的滑块没有显示足够的幻灯片时(以我的情况为6),如果滑块少于6个幻灯片,则箭头不会显示。

我知道插件可以这样工作,但是由于其他原因,我需要始终显示箭头。

有人曾经处理过类似的事情吗?

谢谢。

javascript jquery slider slick.js

2
推荐指数
2
解决办法
2925
查看次数