如何使用角度删除firebase中的json数据对象?

2023-12-25

我开发了简单的 Angular-Firebase 应用程序,它提供基本的 CRUD 功能。

firebase 中的 json 格式

{
  "-J0wuZ_J8P1EO5g4Xfw6" : {
    "contact" : "56231545",
    "company" : "info",
    "city" : "limbdi",
    "name" : "priya"
  },
  "-J0wrhrtgFvIdyMcSL0x" : {
    "contact" : "65325422",
    "company" : "rilance",
    "city" : "jamnagar",
    "name" : "pihu"
  }
}

用于列出 html 页面中所有数据的角度代码

<table class='table table-hover'>
    <tr>
        <th>Name</th>
        <th>City</th>
        <th>Company</th>
        <th>Contact</th>
        <th></th>
    </tr>

    <tr ng-repeat="item in employee">
        <td>{{item.name}}</td>
        <td>{{item.city}}</td>
        <td>{{item.company}}</td>
        <td>{{item.contact}}</td>
        <td><button class='btn btn-warning btn-mini' ng-click='delemp(employee[$index])'>X</button></td>
    </tr>
</table>

当有人单击按钮时,它会触发 delemp 函数,该函数将员工的当前索引作为参数。

var myapp = angular.module('myapp',['firebase']);
myapp.controller('MyCtrl', ['$scope', 'angularFireCollection',
  function MyCtrl($scope, angularFireCollection) {

       $scope.delemp=function($current_emp){
          alert($current_emp.name);
    };
  }
]);

该警报框包含当前员工的姓名。我想删除当前行的员工。但我不知道如何使用remove()火力基地的方法。我访问了 firebase 的文档,所以我得到了运行良好的以下代码。

var current = new Firebase('https://myurl/employee/-J48go0dwY5M3jAC34Op');
        current.onDisconnect().remove();

但我想动态地创建它,那么如何获取当前节点的父ID,例如-J48go0dwY5M3jAC34Op ?

请帮我解决小问题。


您可以将 id 传递到删除函数中,而不是传递对象。

<li ng-repeat="(key,item) in list">
  <button ng-click="deleteItem(key)">delete</button> {{item.name}} 
</li>

$scope.deleteItem = function(id){
  var itemRef = new Firebase(url + '/' + id);
  itemRef.remove();
}

编辑: 这也有效

<div ng-repeat="item in list">
    <button ng-click="writeID(item)">log id</button>{{item.$id}} {{item}}<hr>
</div>

$scope.writeID = function(o){
  console.log(o.$id);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用角度删除firebase中的json数据对象? 的相关文章

随机推荐

  • 检测倾斜字体中单词之间的空格(条)

    我编写了一个 python 脚本来检测图像中编码的字母 该脚本正在使用openCV模板匹配匹配图像中嵌入的字符 字母 除空格 空格键 字符外 检测工作正常 Here is a sample image 在 python 中是否有一些 简单
  • Pandas DataFrame 访问器类型提示

    Pandas 允许您使用以下方法扩展其 DataFrame 类pd api extensions register dataframe accessor 装饰师 虽然这是功能性的 但它不提供任何额外的类型提示功能 例如 我希望以下内容能够键
  • 视角约束有什么意义?

    在哪视图约束 http download oracle com docs cd B14117 01 server 101 b10759 clauses002 htm i1002565有用 我的意思是 Oracle 允许在视图上创建约束 它们
  • 用 AppCompat 替换 ActionBarSherlock

    我目前正在开发一个简单的导航抽屉 滑动选项卡 然而 我希望在我自己的应用程序上进行材料设计 所以 除了摆脱 我别无选择ActionBarSherlock 在这些尝试中 我发现有两种类型的导入 如下所示 import com actionba
  • 由属性公开的私有变量[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我搜索了一些文档 并尝试了 Xcode 和 AppCode 但我仍然对一些事情不确定 那么有人可以澄清我吗 如果我有名为 foo 的属性 是否应
  • Visual Studio 构建步骤和 MSBuild 构建步骤之间的差异

    我正在创建一些构建定义 我发现 Visual Studio 构建步骤和 MSBuild 构建步骤之间的唯一区别是 VS 构建步骤将 Visual Studio 版本添加到构建中 有人可以解释更多差异吗 正如丹尼尔提到的 它们几乎是一样的 主
  • 如何使用 Obj-C 轻松保存窗口大小和位置状态?

    使用 Obj C 记住应用程序加载之间的 Windows 位置的最佳方法是什么 我正在使用 Interface Builder 作为界面 是否可以通过绑定来做到这一点 推荐的方法是什么 谢谢 在 Interface Builder 的属性下
  • Nivoslider 更新或重启甚至销毁

    我在加载动态内容时尝试更新 nivoslider 时遇到一些问题 我需要做的是当我通过加载新内容时更新滑块AJAX call 所以基本上我有一个 div 从函数中获取新数据AJAX调用并在加载后我需要滑块重新初始化 我现在做的是这样的 if
  • Python 中的简单素数生成器

    有人可以告诉我这段代码做错了什么吗 无论如何 它只是打印 计数 我只想要一个非常简单的素数生成器 没什么花哨的 import math def main count 3 one 1 while one 1 for x in range 2
  • 反转带有重音字符的字符串?

    所以我看到了乔恩的双向飞碟video http vimeo com 7403673并且有一个代码示例 应该是有问题 逆转后 但我想它在 net2上失败了 恕我直言 无论如何它确实对我有用并且我确实看到了correct反转的字符串 char
  • 如何防止移动设备上弹出键盘?

    http api jqueryui com spinner http api jqueryui com spinner 我正在尝试在我的网站中使用上面的 jQuery spinner 它的演示位于 API 底部 它在计算机上确实有效 但在移
  • java.lang.reflect.Array 的 getter 和 setter 方法的目的是什么?

    Java类java lang reflect Array http docs oracle com javase 8 docs api java lang reflect Array html提供了一组用于动态创建数组的工具 然而除此之外
  • ChartJS - 绘制带有按月标签、按日数据的图表

    我想画一个折线图Chartjs http www chartjs org 按天显示数据 但按月标记 如果标签按天显示 则有很多点 所以 我想按月而不是按天显示标签 例如 有人可以教我怎么做吗 谢谢 只需将 xAxes gt time 属性配
  • Java 中考虑增补字符的字符串的总字符数(不是代码单元)

    考虑到字符串可能具有需要 2 个代码单元进行编码的增补字符 如何获取字符串的总字符数 Example String strTest a Supplementary character System out println strTest l
  • 有关禁用或隐藏菜单项的规则[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 您是否曾经遇到过这样的情况 您确实非常想使用某个菜单功能 但又无法使其被禁用或更糟的是全部消失 有一个论点是始终保持菜单启用状态 然后向用户显示
  • 我们可以在 C 中的 printf 中仅使用一个变量来表示多种格式描述符吗

    是否可以编写像我在下面编写的代码一样的代码 printf n c c n c only one variable for all printf c c c n only one variable for all 我必须在每种情况下打印不同的
  • Excel ExcelDNA C# / 尝试复制 Bloomberg BDH() 行为(在 Web 请求后写入数组)

    我想复制 Bloomberg BDH 的行为 BDH 发出 Web 请求并写入数组 但不返回数组样式 在此 Web 请求期间 该函数返回 N A Requesting 当 Web 请求完成时 BDH 函数将数组结果写入工作表中 例如 在Ex
  • 如何在 Apple Silicon (M1) 上运行 CocoaPods

    我有一个想要在 iOS 上运行的 Flutter 项目 它在我的基于 Intel 的 Mac 上运行正常 但在我的新的基于 Apple Silicon 的 M1 Mac 上无法安装 Pod LoadError dlsym 0x7f89260
  • 在 C++/boost 中将日期时间转换为不同时区

    我有印度股票市场的价格数据 但其时间和日期戳是 GMT 因此我可以使用代表正确日期和时间的数据 我需要将数据库中某些记录的日期和时间从 GMT 我当前的时区 转换为 IST mysql gt desc price hist Field Ty
  • 如何使用角度删除firebase中的json数据对象?

    我开发了简单的 Angular Firebase 应用程序 它提供基本的 CRUD 功能 firebase 中的 json 格式 J0wuZ J8P1EO5g4Xfw6 contact 56231545 company info city