小编Eld*_*dar的帖子

Angular 4 http获取查询参数

第一个块按预期工作

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,我将它们附加在条件上.

http query-string angular

4
推荐指数
1
解决办法
3114
查看次数

paged.js 分页内容:页脚仅出现在最后一页,顶部标题有效

再会,

我使用 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)

css

3
推荐指数
1
解决办法
2032
查看次数

标签 统计

angular ×1

css ×1

http ×1

query-string ×1