仅在角度7中完全加载htm后如何渲染砌体

时间:2019-06-23 10:26:08

标签: angular masonry angular-masonry

我正在使用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上显示砌体而没有任何障碍?欢迎任何建议。

0 个答案:

没有答案