Angularfire：删除项目（S）

问题描述

好了，所以我有一个angularfire应用程序发送文本项火力点，但我无法写的功能，从火力删除它们。

这是我的HTML

 ＆LT;按钮类=BTN BTN-二级NG点击=deleteAll（）＆GT;删除所有与LT; /按钮＆GT;  ＆LT; UL类=消息＆GT;
    ＆LT;李NG重复=项目列表中的阶级=项目小组＆GT;
      ＆LT; H3＆GT; {{item.name}}＆LT; / H3 GT＆;
      ＆所述p为H.; {{item.message}}＆下; / P＆GT;
      ＆LT;按钮类=BTNNG点击=deleteThis（）＆GT;删除＆LT; /按钮＆GT;
    ＆LT; /李＆GT;
  ＆LT; / UL＆GT;
 

deleteThis意指删除单个项目的按钮连接到并deleteAll意指删除所有项目

  VAR对myApp = angular.module（对myApp，[火力点]）;myApp.controller（SampleCtrl功能（$范围，$ firebaseArray）{  VAR名单= $ firebaseArray（新火力地堡（https://writeup.firebaseio.com/））;  $ scope.list =清单;  $ scope.submit =功能（）{
    变种名称=的document.getElementById（名）。价值，
        。消息=的document.getElementById（信息）值;            。名单$添加（{名：姓名，邮件：消息}），然后（功能（REF）{。
          变种的id = ref.key（）;
          。名单$ indexFor（ID）;
        }）;
  }  $ scope.deleteAll =功能（）{
    。$ scope.id $删除（）;
  };  $ scope.deleteThis =功能（ID，名称，消息）{
    。$ scope.list $删除（ID）;
  }}）;
 

解决方案

在你的HTML传递项目到 deleteThis 函数作为参数。

 ＆LT; UL类=消息＆GT;
    ＆LT;李NG重复=项目列表中的阶级=项目小组＆GT;
      ＆LT; H3＆GT; {{item.name}}＆LT; / H3 GT＆;
      ＆所述p为H.; {{item.message}}＆下; / P＆GT;
      ＆LT;按钮类=BTNNG点击=deleteThis（项目）＆GT;删除＆LT; /按钮＆GT;
    ＆LT; /李＆GT;
  ＆LT; / UL＆GT;
 

在你的控制器使用的参数。

  $ scope.deleteThis =功能（项目）{
    。$ scope.list $删除（项目）;
};
 

从文档：

-- AngularFire API Reference - $remove

这篇关于Angularfire：删除项目（S）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！