Question

我在图像加载时间上有一些延迟，我想要显示一个微调器，并且在图像加载时间之后，微调器应该隐藏。在角度2平台中实现此功能的正确方法是什么。

        <div id='panId' class="container-fluid" >

这是图片加载，

            <img name="imageName1" mouseWheel style.width="{{imgWidth}}" (mouseWheelUp)="mouseWheelUpFunc($event)" (mouseWheelDown)="mouseWheelDownFunc()" 

                *ngIf="showImage" id="mainImage" src="{{imageVisible ? droppedImage: firtsImageToBind}}" class="imagepics mg-image "

                alt="loading..." />


            <img  name="imageName2" id="mainImage" mouseWheel style.width="{{imgWidth}}" (mouseWheelUp)="mouseWheelUpFunc($event)"

                (mouseWheelDown)="mouseWheelDownFunc()" class="mg-image " *ngIf="zoomImageVisible" src="{{zoomedImage}}">
        </div>


</div>

Answer 1

看看PrimeNG他们有旋转器和它的开源，所以你可以使用它。

http://primefaces.org/primeng

https://github.com/primefaces/primeng

https://github.com/primefaces/primeng/tree/master/components/spinner

如何在angular2中实现angular2和spinner隐藏的微调器？

1 个答案: