所以当我按下按钮时,我会尝试显示一个简单的模态。但它不会出现。这是我的代码(基本上直接来自文档)。
$ionicModal.fromTemplateUrl('templates/addUser.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();
};
$scope.myEvent = function() {
var hideSheet = $ionicActionSheet.show({
buttons: [{
text: 'Add User'
}],
//destructiveText: 'Delete',
titleText: 'Options',
cancelText: 'Cancel',
cancel: function() {
// add cancel code..
hideSheet();
},
buttonClicked: function(index) {
hideSheet();
$scope.openModal();
}
});
}
<script id="addUser.html" type="text/ng-template">
<ion-modal-view>
<ion-header-bar>
<h1 class="title">My Modal title</h1>
</ion-header-bar>
<ion-content>
Hello!
</ion-content>
</ion-modal-view>
</script>
单击“添加用户”按钮后,工作表将关闭,但不显示任何模态。我无法弄清楚为什么。我已经完成了我的研究,这是到处显示的最基本的例子,但我无法让它工作。拜托,任何帮助都会很棒。