2015-07-16 1 views
-1

Привет Я использую Onsen как часть проекта AngularJS Phonegap/Cordova.уведомление onsen для автоматического закрытия по истечении установленного времени

Мне было интересно, можно ли автоматически закрыть уведомление Onsen по истечении установленного времени. Также можно не включать кнопку?

Мое текущее уведомление показано ниже:

var notifyAutoClose = function(title, message) { 
     var options = { 
      title: title, 
      message: message, 
      buttonLabel: '', //Don't show button if possible 
      animation: 'default' 
     }; 
     ons.notification.alert(options);    
    } 

Если это не представляется возможным, что было бы лучше без самозагрузки альтернативы при использовании AngularJS.

Большое вам спасибо за ваше время!

ответ

1

Вы должны создать настраиваемое диалоговое окно с использованием директивы ons-dialog.

Проверьте этот код (demo):

//HTML 
<ons-page> 
    <ons-toolbar> 
     <div class="center">Dialog</div> 
    </ons-toolbar> 
    <ons-list ng-controller="DialogController"> 
     <ons-list-item ng-click="show('customdialog.html','Dialog title', 'it will close after 2 seconds')" modifier="tappable"> 
     Custom dialog 
     </ons-list-item> 
    </ons-list> 
</ons-page> 

<ons-template id="customdialog.html"> 
    <ons-dialog var="dialog" modifier="android"> 
    <ons-toolbar modifier="android"> 
     <div class="center">{{title}}</div> 
    </ons-toolbar> 
    <p style="text-align:center;margin-top:50px">{{message}}</p> 
    </ons-dialog> 
</ons-template> 

//JAVASCRIPT 
ons.bootstrap() 
.controller('DialogController', function($scope) { 
    $scope.show = function(dlg,title,message) { 
     $scope.title=title; 
     $scope.message=message; 
    ons.createDialog(dlg,{parentScope:$scope}).then(function(dialog) { 
     dialog.show(); 
    }); 
    setTimeout(function(){dialog.hide()},2000) 
    } 
});