第一个块按预期工作
getQuotes(): Observable<Quote[]> {
return this.http.get(this.url)
.map((res: Response) => res.json())
.catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}
Run Code Online (Sandbox Code Playgroud)
现在我要向this.url添加查询参数,并且url没有改变
getQuotes2(): Observable<Quote[]> {
let myParams = new URLSearchParams();
myParams.append('author', 'authorName');
myParams.append('catid', '123');
let options = new RequestOptions({ params: myParams });
return this.http.get(this.url, options )
.map((res: Response) => res.json())
.catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}
Run Code Online (Sandbox Code Playgroud)
我检查过devtools.缓存已关闭.我尝试{search:myParams},使用RequestOptions并返回this.http.get(this.url,{params:myParams})我不看的地方我看到字符串连接.这些参数是optinal,我将它们附加在条件上.
再会,
我使用 paged.js 在每个页面上添加了顶部标题,但这种方法不适用于页脚。我考虑过缺少分号。
https://jsfiddle.net/aldari/sy3pb7a2/6/
@page {
@top-center {
content: element(repeatable);
}
@bottom-center {
content: element(footerblock);
}
border: 1px solid black;
}
.repeatable {
display: block;
position: running(repeatable);
}
.footerblock {
display: block;
position: running(footerblock);
}
.page1,
.page2,
.page3 {
break-before: page;
}Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<div class="wrapper">
<div class="repeatable">
<div class="">header</div>
</div>
<div class="page1">page 1 content</div>
<div class="page2">page 2 content</div>
<div class="page2">page 3 content</div>
<div class="footerblock">
<div class="">footer</div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)