Gibt es eine Möglichkeit, die Übergangsanimation für die erste Seite von Bausteinen zu verhindern?

Question

Gibt es eine Möglichkeit, die Übergangsanimation für die erste Seite von Bausteinen zu verhindern? Ich mag die Animation für Größenanpassung und Anhängen, aber ich möchte, dass die erste Seite der Steine ​​an Ort und Stelle ohne die Animation erscheint.

Ich erkundete mit dem layoutComplete-Ereignis, aber es wird mehrfach ausgelöst.

<div ng-controller="AppsCtrl" masonry masonry-options="{ transitionDuration: '0.4s' }"> 
    <div ng-repeat="app in Apps" class="masonry-brick"> 
     <div id="{{app.id}}" class="sz-card sz-app md-whiteframe-2dp"> 
      <a href="#"> 
       <div class="sz-card-image"> 
        <div class="sz-app-image"><img src="../../app/images/{{app.imageFile}}"></div> 
       </div> 
       <div class="sz-card-details"> 
        <div class="sz-card-name">{{app.name}}</div> 
        <div class="sz-card-settings"><md-icon>&#xE8B8;</md-icon></div> 
       </div> 
      </a> 
     </div> 
    </div> 
    <div scroll-trigger="loadMore()" threshold="100"></div> 
</div> 

Answer 1

Versuchen Sie, den Übergang geändert ng-Mantel

<div ng-controller="AppsCtrl" ng-cloak .... 

https://docs.angularjs.org/api/ng/directive/ngCloak