我正在使用angular 7并使用砖石结构和图像加载的js。调用api的数据后:
Promise.all( [ this.accountService.getOrgTagType( params ) ] ).then( result => {
/* do work here */
this.ngAfterViewInit();
});
我正在ngAfterViewInit()中显示砖石结构,但存在超时,但是砖石结构无法正常工作。
ngAfterViewInit() {
setTimeout (
() => {
if ( document.querySelector( '.organisations-grid' ) ) {
var orgElem = document.querySelector( '.organisations-grid' );
var orgElemmsnry = new Masonry( orgElem, {
// options
itemSelector: '.organisations-grid-item',
columnWidth: '.grid-sizer-3',
horizontalOrder: true,
percentPosition: true,
});
imagesLoaded( orgElem ).on( 'progress', function() {
// layout Masonry after each image loads
orgElemmsnry.layout();
});
}
}, 300
);
}
如何完美地在Angular上显示砌体而没有任何障碍?欢迎任何建议。