[DialogBox] No smooth display when using ng-include


#1

hi,

Within a page, I included the html code for a dialog box. If this code is placed directly in the page, the dialog box appears with a smooth transition. But this dialogbox HTML code is included via an ng-include, the moment the dialogBox appears is “suddently”. There is no smooth transition. Is-it normal ?

Below is the code without smooth transition (use ng-include)

<script id="materialVariantListDialogComponent.html" type="text/ng-template">

Below is the code with the content of the ng-include put directly in the “master” page (Smooth transition)

<script id="materialVariantListDialogComponent.html" type="text/ng-template">


<ion-modal-view>
    <ion-header-bar>
        <button class="button button-positive" ng-click="MaterialVariantListDialogComponentCtrl.closeModal()">Fermer</button>
        <h1 class="title">Variante ajouter</h1>
        <button class="button button-positive" ng-click="MaterialVariantCreateDialogComponentCtrl.openModal()">Enregistrer</button>
    </ion-header-bar>

    <ion-content>
        <ng-include
            src="'components/core/business/commercial/material_variant/materialVariantListComponent.html'">
        </ng-include>
    </ion-content>
</ion-modal-view>