Question

我需要使用和ActionSheet（由on-hold事件触发）而不是标准ng-click来从列表中删除项目（从数组中填充）。

问题在于我无法弄清楚如何传递索引numbre或项ID以找到它并将其删除。

这是HTML：

<ion-list>
  <ion-item ng-repeat="mensaje in mensajes" class="item" ng-click="abrirMensaje()" 
  on-hold="mostrarMenu(mensaje)">
    <h2>{{ mensaje.alert }}</h2>
    <p>{{ mensaje.hid }}</p>
  </ion-item>
</ion-list>

这是ActionSheet的控制器：

$scope.mostrarMenu = function(mensaje) {

    // Show the action sheet
    var hideSheet = $ionicActionSheet.show({
        buttons: [
            { text: '<b>Compartir</b>' },
        ],
        destructiveText: '<b>Eliminar</b>',
        cancelText: '<b>Cancelar</b>',
        cancel: function() {
    },
        buttonClicked: function(index) {
        return true;
        },
        destructiveButtonClicked: function(mensaje) {
            return true;
        }
    });
};

有什么想法吗？

Answer 1

我看到你正在使用ng-repeat，所以你可以使用$ index

轻松传递索引

<ion-list>
    <ion-item ng-repeat="mensaje in mensajes" class="item" ng-click="abrirMensaje()" 
    on-hold="mostrarMenu(mensaje, $index)">
        <h2>{{ mensaje.alert }}</h2>
        <p>{{ mensaje.hid }}</p>
    </ion-item>
</ion-list>

如何使用ActionSheet删除离子列表项？

1 个答案: