如果在HTML / JS

时间:2015-12-31 04:39:30

标签: javascript html angularjs

我希望md-icon在点击时显示弹出窗口。 ng-click触发dismissNotifications。我无法使用confirm()alert(),因为它会显示复选框“阻止此弹出窗口显示在此网页上”。这对我想要做的事情不起作用。所以我需要创建一个模态弹出窗口或者带有“是”或“确定”的东西来确认,当单击图标图标时,要取消“取消”或“否”。

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>

控制器

$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];
        }
      });
    }
};

1 个答案:

答案 0 :(得分:1)

您可以做的是,在<div id = ..... class= ....>内创建一个style="display:none;"并指定<div>创建一个表格或只是一条消息或任何您想要显示的内容并创建一个是,不,关闭按钮。

编写一个函数,并点击button启用<div>  style.display = "block";