0

Currenly У меня есть модальный, который открывается при нажатии кнопки. Однако это не то, что я хочу, я хочу, чтобы модальная функция открывалась при запуске приложения. Моя цель - создать вступительный модальный код, который появляется только при первом использовании пользователем приложения. Однако у меня возникают проблемы с открытием модального запуска приложения. Первым шагом будет открытие модального запуска приложения. Затем на втором этапе создайте функцию, которая сохраняется в локальном хранилище, если пользователь ранее находился в приложении. Если нет, то будет отображаться модальный. Если да, то это скроет модальный. Я видел примеры этой функции на http://jsfiddle.net/zono/vHG7j/, но я также не могу заставить это работать с моим текущим модальным. Будет глубоко признателен помощь, заранее спасибо :)Как автоматически открыть модальный при запуске приложения?

Мой модальный:

<div class="modal"> 
    <ion-header-bar> 
    <h1 class="title">Edit Contact</h1> 
</ion-header-bar> 

<ion-content> 
    <div class="list"> 
    <label class="item item-input"> 
     <span class="input-label">Name</span> 
     <input type="text" ng-model="contact.name"> 
    </label> 
    <label class="item item-input"> 
     <span class="input-label">Info</span> 
     <input type="text" ng-model="contact.info"> 
    </label> 
    </div> 

    <button class="button button-full button-energized" ng-click="closeModal()">Done</button> 
</ion-content> 

</div> 

JS:

angular.module('Mob').controller('TeamCtrl', function($scope, $ionicModal) { 

/* Modal */ 
$ionicModal.fromTemplateUrl('intro-modal.html', { 
    scope: $scope, 
    animation: 'slide-in-up' 
    }).then(function(modal) { 
    $scope.modal = modal; 
    }); 
    $scope.openModal = function() { 
    $scope.modal.show(); 
    }; 
    $scope.closeModal = function() { 
    $scope.modal.hide(); 
    }; 
    //Cleanup the modal when we're done with it! 
    $scope.$on('$destroy', function() { 
    $scope.modal.remove(); 
    }); 
}) 

ответ

2

Вы можете попробовать коснуться, как это:

angular.module('Mob').controller('TeamCtrl', function($scope, $ionicModal) { 

    /* Modal */ 
    $ionicModal.fromTemplateUrl('intro-modal.html', { 
    scope: $scope, 
    animation: 'slide-in-up' 
    }).then(function(modal) { 
    $scope.modal = modal; 
    }); 
    $scope.openModal = function() { 
    $scope.modal.show(); 
    }; 
    $scope.closeModal = function() { 
    $scope.modal.hide(); 
    }; 
    //Cleanup the modal when we're done with it! 
    $scope.$on('$destroy', function() { 
    $scope.modal.remove(); 
    }); 

    // opens the modal only one time 
    if(!localStorage.getItem("popupWasShown")){ 
    $scope.modal.show(); 
    localStorage.setItem("popupWasShown", true); 
    } 

}); 
Смежные вопросы