angular-引用本地json文件

news/2024/12/29 12:56:39/

angular-引用json文件,本地模拟数据时使用

  1. 在assets目录下存放json文件
    大佬们的说法是:angular配置限定了资源文件的所在地(就是assets的路径),放在其他文件夹中,angular在编译过程中会忽略,会报找不到文件的错误。

在这里插入图片描述

  1. 在组件中使用httpClient模块来读取json数据。
1. 导入HttpClientModule
2. 组件类中注入httpClient服务并发送 http get请求获取json数据。它会返回一个Observable// 在组件中获取json
constructor(private httpClient: HttpClient) { }ngOnInit() {let url = "assets/mock-data/input-tree-data.json";let inputTree = this.httpClient.get(url);inputTree.subscribe(x => console.log("测试一下", x));}

在这里插入图片描述


http://www.ppmy.cn/news/1359280.html

相关文章

docker部署seata1.6.0

docker部署seata1.6.0 Seata 是 阿里巴巴 开源的 分布式事务中间件,解决 微服务 场景下面临的分布式事务问题。需要先搭建seata服务端然后与springcloud的集成以实现分布式事务控制的过程 ,项目中只需要在远程调用APi服务的方法上使用注解 GlobalTransa…

代码随想录算法训练营第36天| Leetcode 435. 无重叠区间、763.划分字母区间、56. 合并区间

文章目录 Leetcode 435. 无重叠区间Leetcode 763.划分字母区间Leetcode 56. 合并区间 Leetcode 435. 无重叠区间 题目链接: Leetcode 435. 无重叠区间 题目描述: 给定一个区间的集合 intervals ,其中 intervals[i] [starti, endi] 。返回需…

【鸿蒙 HarmonyOS 4.0】开发工具安装

一、准备开发环境 1.1、安装IDE 鸿蒙应用开发需要使用配套的IDE——HUAWEI DevEco Studio。 DevEco Studio基于IntelliJ IDEA Community(IDEA社区版)构建,为鸿蒙应用提供了一站式开发环境,集成了开发、运行、调试以及发布应用的…

腾讯云OSS文件上传功能

腾讯云COS介绍 腾讯云COS(Cloud Object Storage)是一种基于对象的存储服务,用于存储和管理海量的非结构化数据,如图片、音视频文件、备份数据等。它具有以下特点和优势: 高可靠性:采用分布式存储架构&…

【2024软件测试面试必会技能】Charles(5):Charles设置过滤

设置过滤 一、只展示window/mac上的指定网址 方法一:右击域名——Focus——可针对该域名以外的其他域名都进行过滤,只展示该域名的请求数据。如下图: 方法二: 在Filter输入框中输入指定域名对其他的进行过滤;只展示指…

代码随想录 -- 字符串

文章目录 反转字符串描述题解 反转字符串II描述题解 替换数字描述题解:replace函数题解:双指针 翻转字符串里的单词描述题解 右旋字符串描述题解 实现 strStr()描述题解:暴力算法题解:KMP算法(懵懂) 重复的子字符串描述题解题解&a…

PyTorch使用Tricks:学习率衰减 !!

文章目录 前言 1、指数衰减 2、固定步长衰减 3、多步长衰减 4、余弦退火衰减 5、自适应学习率衰减 6、自定义函数实现学习率调整:不同层不同的学习率 前言 在训练神经网络时,如果学习率过大,优化算法可能会在最优解附近震荡而无法收敛&#x…

Redis部署方式(一)四种部署方式介绍

redis的四种部署方式: Redis单机模式部署、Redis主从模式部署、Redis哨兵模式部署、Cluster集群模式部署,后面三种(主从模式,Sentinel哨兵模式,Cluster模式)也可以统称为集群模式。 一、单机 1、缺点&…