基本上同样的问题大约一年前被问到光滑的2.x(scala光滑的一对多收藏).我想知道是否有任何进展与反应浮油的发布.
比方说我们有三张桌子.library,book和library_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])]?编写此类查询的"光滑方式"是什么?
在我的项目中,我正在使用光滑的滑块插件(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
目标是在块内的箭头下方获得点.
我有三个很基本的组成部分:AppComponent,AdminComponent和LoginComponent.双方AppComponent并LoginComponent显示一个链接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) 我想在桌面上禁用滑块,但需要在移动设备中滑动,你可以帮帮我吗?
$('.slider').slick({
slidesToShow: 5,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 767,
settings: "unslick"
}
]
});
Run Code Online (Sandbox Code Playgroud) 我正在使用具有两种不同风格的Slick滑块,对于我的网页,但我遇到箭头问题.你能帮我么?
这是我的主要.slider,我用它来设置它的上一页和下一个箭头
在这里我使用了.filtering类的Slick,但我不想要这些箭头.如何在此处禁用它们并在设计中添加它们?
是否有创建ANGULAR2 光滑轮播组件的教程.
或者至少任何人都可以帮我在ANGULAR2中包含jQuery和光滑的轮播脚本.
在我的特定情况下,我有一个在所有页面上呈现的菜单.菜单内容使用光滑从数据库加载并隐式传递给视图.整件事看起来像这样:
调节器
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
我正在尝试配置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个幻灯片,则箭头不会显示。
我知道插件可以这样工作,但是由于其他原因,我需要始终显示箭头。
有人曾经处理过类似的事情吗?
谢谢。