问让ng-show与Html5 <dialog>元素一起工作
EN

Stack Overflow用户

提问于 2016-07-07 19:41:28

回答 0查看 231关注 0票数 0

Html5对话框很简单。15年前就该去那儿了！

如何让ng-show与对话框一起工作(它不工作)？

<!DOCTYPE html>
<html ng-app="project">
<head>
    <meta charset='UTF-8'>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
    <script>
        angular.module('project', [])
                .controller('TheController', function ($scope) {
                    $scope.dialogShowing = false;
                    $scope.showDialog = function () {
                        dialogShowing = true;
                        document.getElementById('theDialog').show();
                    };
                    $scope.hideDialog = function () {
                        dialogShowing = false;
                        document.getElementById('theDialog').close();
                    };
                });
    </script>
</head>
<body ng-controller="TheController">
<div> Hello
    <!-- dialog, where it is placed in the source, doesn't take up space -->
    <dialog id="theDialog">
        <div>
            <h3>Simple Angular Html5Dialog</h3>
            <hr/>
            <p>I am very well, thank you</p>
            <button ng-click="hideDialog()">No, thank you</button>
        </div>
    </dialog>
    how are you?
</div>
<button ng-click="showDialog()">^ Click for the answer</button>
</body>
</html>

我唯一能够运行的就是对话框小部件本身上的.open()和.close()，并且必须模拟上面的ng-show/hide。

建议？

angularjs

html

dialog

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38244562

复制

相似问题

问让ng-show与Html5 <dialog>元素一起工作
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让ng-show与Html5 <dialog>元素一起工作EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让ng-show与Html5 <dialog>元素一起工作
EN