相关文章推荐
悲伤的梨子  ·  SQL Server Data Type ...·  1 年前    · 
深情的楼房  ·  Laravel ...·  1 年前    · 
好帅的米饭  ·  app.box .NET SDK ...·  2 年前    · 
// 获取本地数据 getLocalhostData() { this.HttpClient.get('/assets/json/areaTree.json').subscribe((data: any) => { if (data.IsSucceed) { this.businessAreaList = data.Data

areaTree.json

使用es6 require和exports

var areaTree =  require("src/assets/json/areaTree.js");
this.businessAreaList = areaTree;

areaTree.json

module.exports = []

Require 报错:找到tsconfig.app.json文件,在types中加入"node"即可

"extends": "../tsconfig.json", "compilerOptions": { "outDir": "../out-tsc/app", "types": [ "node" "exclude": [ "test.ts", "**/*.spec.ts" 使用httpClient读取本地JSON文件import { HttpClient } from '@angular/common/http';public HttpClient: HttpClient// 获取本地数据 getLocalhostData() { this.HttpClient.get('/assets/json/areaTree.json').subscribe(...
前端有时候多个页面需要相同的数据,如果在ts文件里面写大量假数据,很长也容易混乱,用mock就会方便很多, 1、首先安装mock yarn add @delon/mock -D 2、在app.module.ts文件的 imports:[ ] 添加(第一步完成以后,系统会自动生成一个文件夹environment ): import { DelonMockModule } from '@delon...
想在应用添加上传本地文件怎么办?很简单 <div class="container"> <img id="Img" class="Img" *ngIf="isShow" [src]="imgData"/> <input type="file" id="input" (change)="getPicture($event)" accept="image/*"/>
前端缓存/浏览器缓存机制 1. 缓存过程分析 浏览器第一次向服务器发起该请求后拿到请求结果后,将请求结果和缓存标识存入浏览器缓存,浏览器对于缓存的处理是根据第一次请求资源时返回的响应头来确定的。 浏览器每次发起请求,都会先在浏览器缓存查找该请求的结果以及缓存标识 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存 2.浏览器缓存方式 浏览器的缓存作用分为两种情况,一种是需要发送HTTP请求,一种是不需要发送。 (1)强缓存 不会向服务器发送请求,直接从缓存读取资源。
Angular ,建议使用 interfaces 来声明数据类型。这是因为 interfaces 可以帮助你在编写代码时提供类型提示,并且能够在编译时检查代码是否正确。相比之下,使用 class 来声明数据类型并不会在编译时进行类型检查,所以不太推荐使用。 但是,也有一些情况下可以使用 class 来声明数据类型。例如,如果你希望一个接口具有实现,则可以使用 class 来声明该接口。此外,在 Angular ,class 还可以用作组件的类型声明。 综上,建议优先使用 interfaces 来声明数据类型,但也可以根据具体情况使用 class。