问题描述： 在Angular2项目中使用Sweetalert插件，自定义按钮的点击事件无效。

解决方法：

1. 确保Sweetalert插件已正确安装并引入到项目中。

2. 在要使用Sweetalert的组件中引入Sweetalert的相关方法：

import swal from 'sweetalert';

3. 在需要弹出Sweetalert的地方调用Sweetalert方法，例如：

swal({
  title: "Are you sure?",
  text: "Once deleted, you will not be able to recover this imaginary file!",
  icon: "warning",
  buttons: true,
  dangerMode: true,
  customClass: 'custom-swal',
})
.then((willDelete) => {
  if (willDelete) {
    // 点击确认按钮时的逻辑处理
    console.log("Confirmed");
  } else {
    // 点击取消按钮时的逻辑处理
    console.log("Cancelled");
  }
});

4. 在组件的CSS文件中定义.custom-swal类，例如：

.custom-swal button.confirm {
  background-color: #3085d6;
}

.custom-swal button.cancel {
  background-color: #aaa;
}

这样可以自定义Sweetalert弹出框的按钮样式。

5. 确保在组件的HTML文件中引入了Sweetalert所需的CSS文件。可以在index.html中的标签中引入，例如：

6. 确保自定义按钮的点击事件已正确绑定。例如：

swal({
  title: "Are you sure?",
  text: "Once deleted, you will not be able to recover this imaginary file!",
  icon: "warning",
  buttons: {
    cancel: {
      text: "No",
      value: false,
      visible: true,
      className: "",
      closeModal: true,
    },
    confirm: {
      text: "Yes",
      value: true,
      visible: true,
      className: "",
      closeModal: true,
    }
  },
  dangerMode: true,
  customClass: 'custom-swal',
})
.then((willDelete) => {
  if (willDelete) {
    // 点击确认按钮时的逻辑处理
    console.log("Confirmed");
  } else {
    // 点击取消按钮时的逻辑处理
    console.log("Cancelled");
  }
});

通过以上步骤，就可以在Angular2项目中使用Sweetalert插件，并自定义按钮的点击事件。