温泉通知在设定时间后自动关闭
onsen notification to auto close after a set time
您好,我正在使用温泉作为 AngularJS Phonegap/Cordova 项目的一部分。
我想知道是否可以在设定的时间后自动关闭 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 时最好的非 bootstrap 替代方案是什么。
非常感谢您的宝贵时间!
您应该使用 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)
}
});
您好,我正在使用温泉作为 AngularJS Phonegap/Cordova 项目的一部分。
我想知道是否可以在设定的时间后自动关闭 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 时最好的非 bootstrap 替代方案是什么。
非常感谢您的宝贵时间!
您应该使用 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)
}
});