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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.12/angular-material.min.css">

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.showDialog = false;
});

<div ng-app="myApp" ng-controller="myCtrl">
  <button ng-click="showDialog = true">显示对话框</button>
  
  <dialog ng-show="showDialog">
    <h2>这是一个对话框</h2>
    <p>对话框的内容...</p>
    <button ng-click="showDialog = false">关闭对话框</button>
  </dialog>
</div>