1

我使用 Angular 已经有一段时间了，但我是 Ionic 的新手。最近，我开始了一个项目。

我的项目文件夹如下

我添加了一个名为的文件夹mocks，其中包含一些模拟 json 文件。我希望能够检索这些http://localhost:8100/mocks/my-mock-data.json我无法做到的文件。

来自 angular-cli，我想我应该将mocks文件夹添加到一些配置中，以便 ionic-lab 可以从该文件夹中提供文件。

在.angular-cli.json中，您可以将自定义文件夹添加到apps[0].assets数组中，以便 angular-cli 可以为它们提供服务。我认为它在 ionic 中也很相似，所以我尝试将我的mocks文件夹添加到ionic.config.json. 但是，我找不到如何（我什至不确定这是添加它的正确位置）

然后，我试图找到一个架构，ionic.config.json以便我可以在 VsCode 上获得一些智能感知，也许我可以自己找到正确的配置。但是，我也找不到架构ionic.config.json。

然后，我搜索了如何设置离子配置。我遇到了他们的网站 他们给出了一些例子，但没有完整的列表。

Input       Description
property    The property name you wish to set
value       The new value of the given property

所以，我的问题是

  1. 如何从 ionic-lab 提供一些模拟文件？
  2. 中的全套属性和相应的值是ionic.config.json什么？
4

1 回答 1

1

You cannot serve files like that in ionic. Note that ionic simply combines everything in one main.js file, and assets are bundled separately. When ionic serve or ionic cordova run are invoked, it ultimately calls an NPM script. These npm scripts call the @ionic/app-scripts library to execute the build process.

To use dummy data, you can simply place dummy data in any folder inside src > assets folder. Lets say you put it in src > assets > example_data folder as json file. Note that you can also save these files with services or pages.

Now, a service in say dummydata-service.ts under src > providers can reference it for test usage like

GetDummyData(): Promise<any> {
  return this.http.get('./assets/example_data/dummyData.json')
   .toPromise()
   .then(response => {return response.json()})
   .catch(this.handleError);
}

On the point of ionic.config.json, it is not analogous to .angular-cli.json. This is an Ionic project config file which stores configuration values consumed by certain ionic.io services. Important keys being app_id, name, typescript.

于 2018-02-17T14:06:22.123 回答