小编Kat*_*lle的帖子

我有一个可以删除另一个用户的应用程序。当用户单击删除按钮时，将出现一个弹出窗口，询问用户是否确定要执行此操作。当用户单击确认时，我希望删除该用户。我最初是通过在按钮上放置remove方法来实现此目的的，如下所示：

<button ion-button (click)="remove(i);">Delete</button>

在我的.ts中，我有以下代码：

this.items = [
              {user: 'UserA'},
              {user: 'UserB'}
          ];

  remove(no) {
    (this.items).splice(no, 1);
  }

我的问题是，现在，当用户单击按钮时，顶部打开弹出窗口的方法称为：

<button ion-button (click)="showConfirmAlert();">Delete</button>

而且我现在不确定如何从列表中删除该项目。

showConfirmAlert() {
        let alert = this.alertCtrl.create({
            title: 'Confirm delete user',
            message: 'Are you sure you want to permanently delete this user?',
            buttons: [
                {
                    text: 'No',
                    handler: () => {
                        console.log('Cancel clicked');
                    }
                },
                {
                    text: 'Yes',
                    handler: () => {

                    }
                }
            ]
        })
      }

我是否需要在showConfirmAlert方法内编写一个单独的remove函数？我该怎么做呢？抱歉，这里很新，任何帮助将不胜感激！

我有一张表格.当用户单击列表项并选择"大小值"时,会给它一个选定的类,然后用户可以提交表单.

我想弄清楚的部分是,当没有选择大小时(因此没有列表项具有"已选择"类),表单将不会被提交,而是显示错误消息.我无法使用此工作并显示错误消息,因为表单仍然只是提交.

目前我收到一个错误,告诉我这document.getElementById("errormessage").show()不是一个功能.

有谁知道为什么会这样？任何人都可以帮助我使用我的代码让它以我想要的方式工作吗？

.on('click', '.modalAddToBagButton', function(e) {
  e.preventDefault();
  var x = document.getElementsByClassName("es-value");
  var i = x.length;
  var selected = false;
  while (i--) {
    if (x[i].hasAttribute("selected")) {
      selected = true;
    }
  }
  if (selected == false) {
    //Displays error
    document.getElementById("errormessage").show();
  } else {
    $(this).closest("#dialog-addToBag").find('form').submit();
  }
});

<form>
  <ul>
    <li>
      <ul>
        <li class="size-value"></li>
        <li class="size-value"></li>
        <li class="size-value"></li>
        <li class="size-value"></li>
      </ul>
    </li>
  </ul>
</form>
<div id="errormessage">Please select a size</div>
<div class="mt10">
  <input type="submit" class="modalAddToBagButton">
</div>