首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在angular中的firebase上保存和获取不起作用

在Angular中使用Firebase进行数据的保存和获取时,如果遇到不起作用的情况,可能是以下几个方面的原因:

  1. Firebase配置问题:首先,确保已正确配置Firebase项目并在Angular应用中引入Firebase模块。可以通过在Angular项目中安装firebase模块,并在app.module.ts中导入和配置Firebase模块来实现。
  2. 数据库规则问题:Firebase数据库有安全规则,需要确保已正确配置数据库规则以允许读写操作。可以在Firebase控制台中的“数据库”部分设置数据库规则。例如,可以将规则设置为允许所有用户读写数据:{ "rules": { ".read": true, ".write": true } }
  3. 数据保存和获取代码问题:在Angular中使用Firebase进行数据保存和获取时,需要使用Firebase提供的API进行操作。确保在代码中正确调用了Firebase的API方法。例如,使用firebase.database().ref().set(data)保存数据,使用firebase.database().ref().once('value')获取数据。
  4. 异步操作问题:由于Firebase的数据操作是异步的,需要注意在保存和获取数据时处理异步操作。可以使用Promiseasync/awaitObservable等方式来处理异步操作,确保在数据操作完成后再进行后续操作。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 浅谈laravel-admin form数据,提交后,保存前,获取并进行编辑

    有一个这样需求: 当商品设置为立即架时,通过审核就进入架状态,当设置为保存时,通过审核就进入未上架状态。...所以,需要在保存前根据提交审核状态设置方式得到商品状态再保存,而通过$form- model()- attribute_name只能获取提交后值,不能更改。...Google之后发现了已经有解决方案:可以修改提交表单时逻辑吗 #375 模型添加如下方法: public static function boot() { parent::boot();...static::saving(function ($model) { // 从$model取出数据并进行处理 }); } 以上这篇浅谈laravel-admin form数据...,提交后,保存前,获取并进行编辑就是小编分享给大家全部内容了,希望能给大家一个参考。

    4.2K62

    浅谈laravel-admin form数据,提交后,保存前,获取并进行编辑

    有一个这样需求: 当商品设置为立即架时,通过审核就进入架状态,当设置为保存时,通过审核就进入未上架状态。...所以,需要在保存前根据提交审核状态设置方式得到商品状态再保存,而通过$form->model()->attribute_name只能获取提交后值,不能更改。...Google之后发现了已经有解决方案:可以修改提交表单时逻辑吗 #375 模/ /型添加如下方法: public static function boot() { parent::boot()...; static::saving(function ($model) { // 从$model取出数据并进行处理 }); } 以上这篇浅谈laravel-admin form数据,提交后,保存前,...获取并进行编辑就是小编分享给大家全部内容了,希望能给大家一个参考,也希望大家多多支持/ /。

    3.6K00

    一个Angular 5教程:一步一步指导实现你第一个Angular 5应用程序

    显然,templateUrl并且styleUrls定义Angular应该从哪里获取我们标记CSS。...banana,或者ngModel是一个Angular指令,它负责从事件所有那些获取价值。...因此,我们只需编写简单代码即可获取我们价值,并将其绑定到代码输入值变量。...我们还需要case cards.ADD:从我们减速器删除分支。让我们尝试一下: ? 出于某种原因,我们卡片添加操作获取重复数据。让我们试图找出原因。...你remove action现在可以用同样方法。当我们从订阅获取数据时,您只需要实现该Remove效果。但我会把它留给你。 路由模块 我们来谈谈我们应用程序组合。

    42.6K10

    解决onCreate()过程获取ViewwidthHeight为0方法

    那么onCreate()获取viewwidthheight会得到0呢,原因是AndroidoncreateonMesure是不同步,我们onCreate里面获取widthheight,...针对上面的问题,网上提供了4种解决方案: 1,View.post() 此方法思路是onCreate里面执行一个线程,知道获取View宽高属性。...一般来说OnGlobalLayoutListener就是可以让我们获得到viewwidthheight地方 但是注意这个方法每次有些viewLayout发生变化时候被调用(比如某个View...所以onWindowFocusChanged获取也是不为0。...4,重写ViewonLayout方法 我们知道Androidview绘制流程是onMesure->onLayout()顺序,所以onLayout获取也是真实数据。

    1.2K80

    便捷自动访问Google 开发者资源网站

    从其源代码实现可以看出,它目前支持developers.google.com,firebase.google.com,developer.android.com,angular.io这几个域名自动替换..." : "//firebase.google.cn", "//developer.android.com" : "//developer.android.google.cn", "//angular.io..." : "//angular.cn", } 不过还有一些这些域名下没有CN镜像站点,所以作者又做了一个白名单机制,白名单内URL不会被替换,即使他们是属于这几个域名下。...基本URL替换实现好之后,就需要在我们访问一个网址前,拦截我们访问请求,获取访问URL,然后调用mirrorUrl函数,获取最终要访问URL即可。...根本上来看,这是一个非常不错,利用工具提高效率,减少重复劳动例子,我们在工作,生活,也可以多使用这种方式,多借助工具,减少我们重复劳动,提高我们工具效率,把我们时间精力多放在创造性工作

    2.1K30

    25个超有用 AngularJS Web 开发工具

    1)AngulaJS最佳测试工具——Protractor Protractor支持AngularJS应用程序,是一款终端到终端测试框架。Protractor真正浏览器运行测试。...官方网站:https://www.jetbrains.com/webstorm/ 4)AngularJS最佳框架——Angular fire firebase是用于轻松构建Web移动应用程序系列库,...官方网站:http://karma-runner.github.io/0.12/index.html 6)最佳AngularJS工具——Mochajs Mocha是一款运行在Node.js浏览器,功能丰富...Mocha测试运行持续,映射未捕获异常到正确测试案例同时,允许灵活准确报告。 ?...当你修改代码保存之后,它可以通过特殊协议,将改变传达给正在工作应用程序。支持AngularJS。 ?

    3.7K50

    2018年Web开发人员应该学习12个框架

    本文中,我分享了12个与Java开发,移动应用程序开发,Web开发大数据相关有用框架。 1)Angular 2+ 这是另一个JavaScript框架,它在我2018年要学习东西列表。...由于Google支持Angular,因此您可以性能定期更新方面放心。我坚信AngularJS长期存在,因此,投入时间是完全合理。...传统,JavaScript被用作客户端脚本语言,它与HTML一起用于客户端提供动态行为。它在Web浏览器运行,但Node.js允许你服务器端运行JavaScript。...由于Spring Security已成为Java世界Web安全性代名词,因此2018年使用最新版本Spring Security更新自己是完全合理。...如果你希望2018年进入利润丰厚移动应用程序开发业务,那么学习Firebase是一个非常好主意,高级iOSFirebase:Rideshare是一个很好起点。

    5.5K40

    Angular v18 现已推出!

    组件支持无区域我们 Angular CDK Angular 材质启用了无区域支持。这也有助于我们发现打磨无区域模型一些粗糙边缘。...开发者预览版信号 API Angular 版本 17.1 17.2 ,我们宣布了新信号输入、基于信号查询输出语法。我们信号指南中了解如何使用 API。...作为收敛努力结果,Wiz 将 Angular Signals 深度集成到他们渲染模型 ng-conf ,我们分享了 YouTube 现在如何使用 Angular Signals。...CDK Material 水合作用支持 v17 ,一些 Angular Material CDK 组件被选择退出水合,这导致了它们重新渲染。...而不是像今天这样服务器渲染@placeholder块,您将能够启用一种模式,让 Angular 服务器渲染@defer块主要内容。

    22610

    Keras fit-generator获取验证数据y_truey_preds

    Keras网络训练过程,fit-generator为我们提供了很多便利。...过程保存、不返回预测结果,这部分没有办法修改,但可以评价数据同时对数据进行预测,得到结果并记录下来,传入到epoch_logs,随后回调函数on_epoch_end尽情使用。...注释后模块,可以看到Kerasfit_generator就是用model.evaluate_generator对验证集评估: # Epoch finished. if steps_done >...dict gt_per_batch = [] # 新建 y_true list pr_per_batch = [] # 新建 y_pred list 核心循环..._write_logs KerasTensorboard会记录logs内容,但是他只认识 int, float 等数值格式,我们保存在log复杂字典他没办法写入tesnorboard,需要对

    1.3K20

    合并列,【转换】【添加列】菜单功能竟有本质差别!

    有很多功能,同时【转换】【添加】两个菜单中都存在,而且,通常来说,它们得到结果列是一样,只是【转换】菜单功能会将原有列直接“转换”为新列,原有列消失;而在【添加】菜单功能,则是保留原有列基础...但是,最近竟然发现,“合并列”功能,虽然大多数情况下,两种操作得到结果一致,但是他们却是有本质差别的,而且一旦存在空值(null)情况,得到结果将有很大差别。...比如下面这份数据: 将“产品1~产品4”合并到一起,通过添加列方式实现: 结果如下,其中空值直接被忽略掉了: 而通过转换合并列方式: 结果如下,空内容并没有被忽略,所以中间看到很多个连续分号存在...显然,我们只要将其所使用函数改一下就OK了,比如转换操作生成步骤公式修改如下: 同样,如果希望添加列里,内容合并时保留null值,则可以进行如下修改: 这个例子,再次说明,绝大多数时候,我们只需要对操作生成步骤公式进行简单调整...当然,要学会修改,首先要对各类操作比较熟悉,同时,操作时候,也可以多关注一下步骤公式结构含义,这样,随着对一些常用函数熟悉,慢慢就知道在哪里改,怎么改了。

    2.6K30

    支持全栈编程语言、随取随用、一键部署,谷歌推出浏览器AI开发环境IDX

    多年来,谷歌多平台应用程序开发方面一直有所关注,并推出了 Angular 、Flutter 、Google Cloud Firebase 。... Google Cloud 安全性可扩展性支持下,IDX 可让您立即进入开发工作流程。在任何地方、任何机器,从打开浏览器到开发应用程序只需几秒钟,而不是几天。... Duet 等提供支持 Codey PaLM 2 模型。...使用 Firebase Hosting 实现 Web 发布 将应用程序部署到生产环境是一个常见痛点。...IDX 通过集成 Firebase Hosting 使这一问题变得更加简单,只需点击几下,就能部署 Web 应用可共享预览版,或通过快速、安全全球托管平台部署到生产环境

    19140

    Android Q端手机:这是我们谷歌IO 2019看到所有东西

    这是我们2019年谷歌I/O看到一切。 PIXEL 3A3A XL:适合多数人,而非少数人 手机越来越贵,谷歌对此并不满意。...与全玻璃Pixel 3系列不同,Pixel 3a3a XL由聚碳酸酯制成,有三种颜色——纯白色、纯黑色紫色。它甚至还有一个你旗舰像素找不到功能:3.5毫米耳机接口。...Active Edge提供了一个受欢迎返回,您甚至可以访问谷歌的人工智能-启用呼叫屏幕双工。像素手机现在也可以谷歌地图中使用谷歌AR模式,这样你就可以看到你现实世界需要去哪里。...内置Android Q,实时字幕将很容易通过音量摇杆访问,实时字幕使用谷歌语音识别功能将字幕放到任何视频——即使通常不会有字幕。...很快,你就可以打开播客,更直接地从谷歌搜索结果打开——但最令人兴奋是,你还可以兼容AR移动设备直接从谷歌图像搜索访问AR内容。 谷歌也改进谷歌镜头。

    1.1K40

    刘汨春:AI大数据企业全链业务应用价值(

    1956年,人工智能之父——约翰·麦卡锡达特矛斯会议提出了“人工智能”,“人工智能”概念由此诞生。...感知器是单层的人工神经网络,美国数学家及人工算法先驱Minsky在其著作证明了感知器本质是一种线性模型,只能处理线性分类问题,不能处理线性不可分问题。...这样逐层学习过程,神经元会自动判断并提醒特征提取对错。 2006年以后,随着大数据云计算兴起,深度学习方法真正发挥了威力。...规模成本也一样,就是在生产供应链上节省成本,比如预测性维护、能耗优化、供应链、库存等等。品牌战略就是市场渠道优化过程,注重口碑、客服、预防客户流失等等。 ?...潜在业务价值财务指标量化-示例 潜在业务价值财务指标量化,最简单方法是将财务报表场景每个节点对应起来,比如财务成本中有销售通用支出,那么就可以分析市场营销成本能降低多少费用,如果能降低一个最小值一个最大值

    1.1K20

    【译】我是如何学习任意前端框架

    你是对,你不必要从头开始学习它。在这篇文章,我将向你展示我学习前端框架经验以及这些框架如何彼此相似的。 每次你决定学习前端框架时,你定会反复听到这些术语(组件,路由管理状态/状态管理)。...创建项目 image.png 为了理解事物某些方面,你需要很好地了解它,这些知识(获取)不是仅仅来自阅读书籍或者观看视频课程。...,你可以使用本地存储或者使用在线服务(如Firebase)来构建此应用程序,甚至将它与后端框架集成在一起。...项目实例: 书签应用 To-Do App 你将学到: 验证用户表单输入,如果用户输入错误就提示错误信息 如何创建put、delete、postgetHTTP请求 将你应用程序任意后端框架集成...尝试为后端框架添加auth功能 4.聊天应用 在前面的章节,对后端所有请求都是单向,你管理应用程序状态时没有问题。

    3.6K10
    领券