javascript - 如果在 HTML/JS 中单击图标，则显示弹出窗口

Question

我想让md-icon在点击时显示一个弹出窗口。 ng-click 触发 dismissNotifications。我无法使用 confirm() 或 alert()，因为它显示复选框“防止此弹出窗口显示在此网页上”。这对我想做的事情不起作用。因此，我需要创建一个模式弹出窗口或单击图标时用"is"或“确定”进行确认并用“取消”或“否”进行拒绝的内容。

HTML

      <md-icon class="rotate-clockwise-45 no-outline" style="color: #FFFFFF; cursor: pointer;" md-svg-icon="images/icons/add_circle.svg" ng-click="dismissNotifications(app)"></md-icon>
    </div>

Controller

$scope.dismissNotifications = function(app) {
  var notifications = app.notifications;
  for (var id in notifications) {
    Service.dismissNotification(notifications[id].id).then(
      function(notificationId) {
        return function (response) {
          delete app.notifications[notificationId];
        }
      });
    }
};

Answer 1

你可以做的是，创建一个 <div id = ..... class= ....>并分配 style="display:none;"里面<div>创建一个表格或只是一条消息或您想要显示的任何内容，并创建一个是、否、关闭按钮。

写一个函数，然后onclick button启用<div>和 style.display = "block";