小编Zac*_*tti的帖子

AngularJS材料 - 对话框关闭使用电话"后退"按钮

溢出!

我是第一次构建Angular Material站点,我似乎遇到了对话框功能的问题.我可以让盒子显示和关闭,除了在移动设备上.即,当用户按下电话上的"清除"或"后退按钮"时.执行此操作(或单击浏览器上的后退按钮)时,它对对话框没有影响.它仍在视野中并等待输入.按ESC键将其关闭.手机上的任何人都会本能地认为他们可以清除它,我认为他们应该这样做.我尝试了各种各样的方法,要么不起作用我只是没有正确实现它们.所以,这里..

控制器:

'use strict'; 
app.controller('NavCtrl', function ($scope, $mdDialog) {    
$scope.itworked = "Angular Successful";
var dialogContent = ' \
    <md-content> \
      <div class="diagtest">Content</div> \
        <p class="awesome"><a href="#/" ng-click="hide()">This link works</a></p> \
        <p><a href="#/portfolio" ng-click="hide()">This link also works</a></p> \
        <p>filler</p> \
    </md-content> \
';
var noForm = '<md-dialog id="navDialog">' + dialogContent + '</md-dialog>';
var formAround = '<form ng-submit="hide()"><md-dialog>' + dialogContent + '</md-dialog></form>';
var formInside = '<md-dialog><form ng-submit="hide()">' + dialogContent + '</form></md-dialog>';

function makeDialog(tmpl) {
    return function(ev) {
        $mdDialog.show({
            template: tmpl, …
Run Code Online (Sandbox Code Playgroud)

javascript android modal-dialog angularjs angular-material

3
推荐指数
1
解决办法
3192
查看次数