IONIC'de Modal Hizmeti Nasıl Yapılır?

Question

Üzgünüm. IONIC'de başlangıç ​​yapıyorum, bir uygulamada modal servis kullanacağım. bu yüzden sadece şablon url'yi değiştirebilir miyim? modal gösterilir, ancak closeModal() işleviyle modalı kapatamıyorum. İşte benim fabrikam. Bir denetleyici olarak

.factory('ModalSvc',function($ionicModal, $rootScope){ 
    return { 
     setModalView : function(url) { 
      $ionicModal.fromTemplateUrl(url, { 
       scope: $rootScope 
      }).then(function(modal) { 
       $rootScope.modal = modal; 
      }); 
     }, 
     openModal : function() { 
      $rootScope.modal.show(); 
     }, 
     closeModal : function() { 
      $rootScope.modal.hide(); 
     } 
    } 
}); 

:

ModalSvc.setModalView('templates/popup-search-order.html'); 
    $rootScope.openModel = function() { 
     ModalSvc.openModal(); 
    }; 
    $rootScope.hideModel = function() { 
     ModalSvc.closeModal(); 
    }; 

Sorun ne? ve modal görünümü kapatmak için ne var ... Bu olası bir sorun. Yani, bazı model görünümleri yerine kalıcı bir iletişim hizmetini kullanabilirim ...? Önceden teşekkür ederiz. Saygılarımızla

Answer 1

Şu an üzerinde çalıştığım uygulamalarla çok şey yapıyorum. Derinlemesine anlamanız gereken birkaç genel açısal kavram vardır; 1, $ q kullanarak Promises ve diğeri kapsamları ve $ rootScope kullanarak tüm gotchas. Bu araştırmayı kendi başınıza yapmanıza izin verirken ya da parmaklarınızı kullanıp tekrar yaktığınızı öğrenirsiniz (muhahahahaha) Aşağıdaki kodlara bakınız. Bu

<ion-modal-view> 
    <ion-header-bar class="bar-positive"> 
     <button class="button button-clear button-icon icon ion-close-round" ng-click="cancelModal()"></button> 
     <h1 class="title">Modal Title</h1> 

    </ion-header-bar> 
    <ion-content has-header="true"> 

    </ion-content> 
</ion-modal-view>