Javascript 从列表中删除项目

我正在构建一个ionic待办事项列表应用程序。 我正在开发一个删除功能，您单击“删除”按钮，它将删除列表项，但我遇到了问题，无法解决。 “删除”按钮显示，但当您单击它时，什么也不会发生

HTML:

可重复使用

ng-repeat='(index, item) in items'

跟踪每个项目的索引，并将索引传递给remove函数

ng-click="removeItem({{index}})"

可重复使用

ng-repeat='(index, item) in items'

跟踪每个项目的索引，并将索引传递给remove函数

ng-click="removeItem({{index}})"

---

根据您的代码示例，您注释掉了remove（task）函数，您需要在HTML中以removietem（index）函数为目标

<ion-option-button class="button-assertive ion-trash-a" ng-click="removeItem(1)">

您的HTML将如下所示：

<ion-option-button class="button-assertive ion-trash-a" ng-click="removeItem(items, $index)">

---

$index在其他有用的属性中自动公开给您的ng repeat作用域，您可以在ng repeat的文档中阅读更多内容：

根据您的代码示例，您注释掉了remove（task）函数，您需要在HTML中以removietem（index）函数为目标

<ion-option-button class="button-assertive ion-trash-a" ng-click="removeItem(1)">

您的HTML将如下所示：

<ion-option-button class="button-assertive ion-trash-a" ng-click="removeItem(items, $index)">

---

$index会自动显示在您的ng repeat作用域中以及其他有用的属性中，您可以在ng repeat的文档中阅读更多内容：

您在视图中使用了错误的函数名。将其从

remove

更改为

removietem

：

<ion-option-button class="button-assertive ion-trash-a" ng-click="removeItem($index)"></ion-option-button>

---

您在视图中使用了错误的函数名。将其从

remove

更改为

removietem

：

<ion-option-button class="button-assertive ion-trash-a" ng-click="removeItem($index)"></ion-option-button>

将函数名从

remove

更改为

removietem

。非常感谢！这是可行的，问题是我已经看了这么久的代码，我只是没有看到它！谢谢您是否要将您的评论更改为答案，以便我可以将其标记为已解决/答案，以供其他人查看？将函数名从

remove

更改为

removietem

。非常感谢！这是可行的，问题是我已经看了这么久的代码，我只是没有看到它！谢谢你想把你的评论改成一个答案，这样我就可以把它标记为已解决/答案，让其他人看到吗？我在这里得到了添加和删除函数的代码：@Alexander Man指出了我的错误，我在html文件中将我的函数命名错误。谢谢。我在这里得到了添加和删除函数的代码：@Alexander Man指出了我的错误，我在html文件中对函数的命名是错误的。非常感谢。