使用ngx砌体的装订线布局问题

时间:2020-07-20 21:51:51

标签: javascript html angular typescript masonry

我在我的angular 9项目中使用ngx-masonry来显示Card(固定宽度的基本div)。 ngx砌体布局正在工作,但装订线未按预期应用。只有顶部装订线没有被应用。我已经使用this.masonry.reloadItems()和this.masonry.layout()调用重新初始化了布局,但是仍然出现布局错误。 预先感谢。

在.html文件中

<ngx-masonry [options]="myOptions">

在.ts文件中

  public myOptions: NgxMasonryOptions = {
    gutter: 10   
  };

   ngAfterViewInit() {
     setTimeout(() => {
     this.masonry.reloadItems();
     this.masonry.layout();
     }, 100);
   }

0 个答案:

没有答案
相关问题