レンガの最初のページのトランジションアニメーションを防ぐ方法はありますか？

Question

レンガの最初のページのトランジションアニメーションを防ぐ方法はありますか？私はサイズ変更と追加のためのアニメーションが好きですが、レンガの最初のページをアニメーションなしの場所に表示したいと思います。

layoutCompleteイベントを使用して調べましたが、複数回トリガーされます。

<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

移行を変更しているように見えないこと

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

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