Onsen UI Guide に載っている「アラートダイアログ」をボタンを押した時に表示したい
Monacaを使用して開発している者です。
以下に設置した「送信」ボタンをタップしたら「アラートダイアログ」を表示させるにはどのようにすればよろしいのでしょうか?
<section style="padding: 0 8px 8px">
<ons-button modifier="large" onclick="confirm()" >送信</ons-button>
</section>
<section style="padding: 0 8px 8px">
<ons-button modifier="large" onclick="saveData()">保存</ons-button>
</section>
htmlに ng-controller="NotificationController"
がないことが原因ではないかと考え、送信タグの行などに挿入したりいろいろしてみましたが表示されませんでした。
一度表示されたのですが、プレビューと同時に表示されたもので「送信」ボタンとは関係なく表示されただけでした。
JavaScriptファイルは「dialog.js」としてコピーたものをそのまま貼付けています。
cssファイルはどこにあるか分からず何も追記していません。
よろしくお願いいたします。
ons.bootstrap()
.controller('NotificationController', function($scope) {
$scope.alert = function() {
ons.notification.alert({message: 'An error has occurred!'});
}
$scope.confirm = function() {
ons.notification.confirm({
message: 'Are you sure you want to continue?',
callback: function(idx) {
switch(idx) {
case 0:
ons.notification.alert({
message: 'You pressed "Cancel".'
});
break;
case 1:
ons.notification.alert({
message: 'You pressed "OK".'
});
break;
}
}
});
}
$scope.prompt = function() {
ons.notification.prompt({
message: "Please enter your age",
callback: function(age) {
ons.notification.alert({
message: 'You are ' + parseInt(age || 0) + ' years old.'
});
}
});
}
});