Javascript 获取指定文件夹中的所有文件名
在我的Angular应用程序中,我想列出资产文件夹中的所有文件名 所以我想使用这个npm库:在dir中列出文件 Sso我在angular应用程序中安装了此服务:Javascript 获取指定文件夹中的所有文件名,javascript,node.js,angular,typescript,Javascript,Node.js,Angular,Typescript,在我的Angular应用程序中,我想列出资产文件夹中的所有文件名 所以我想使用这个npm库:在dir中列出文件 Sso我在angular应用程序中安装了此服务: import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import {listFiles} from 'list-files-in-dir'; @Injectable(
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {listFiles} from 'list-files-in-dir';
@Injectable()
export class ConfigService {
files: any;
constructor(private http: HttpClient) { }
getFilesFromFolder(){
listFiles('assets/')
.then(files => {
// do what ever you want with the file paths
this.files = files
console.log(this.files)
}
}
}
但当调用它时,我得到以下错误:
错误:未捕获(承诺中):错误:错误:enoint:没有这样的文件
或目录。,“/assets”错误
我已经为此做了一个stackblitz片段:
建议?您不能直接访问angular中的文件系统,因为有一天您可能会部署代码,然后代码在浏览器中运行 如果结合创建桌面应用程序,则可以通过访问桌面文件系统 Angular具有
环境的概念
要存储配置,您可以在prod和dev之间进行不同的配置,请查看
仅对于普通配置设置,我建议创建一个普通的ConfigService
,并将数据保存为const
如果您喜欢从json文件加载数据,可以按照Angular 2中的load Config json文件进行操作。您不能这样做。你应该 1) 添加一个返回文件列表的服务器API
2) 或者您可以将脚本写入json文件的gen文件列表,并通过angular动态加载您希望从angular应用程序读取什么文件系统?我假设这是一个在浏览器中运行的普通Angular应用程序?在浏览器中运行时无法访问文件系统。有简单的替代方案吗?
export const environment = {
production: false,
apiUrl: 'http://my-api-url'
};