Ionic2 - 在 UI 上显示项目图像

Question

我有以下全新项目，创建于：

$ ionic start MyIonic2Project sidemenu --v2

我的question很简单：

• 在哪里可以找到application images（资产图像/固定图像/图标/等）的目录？，在里面：{resources, src, www, etc}？我在找best practices。

• 这些图片的网址会是什么样子？我想在文件中指定<img src="<url/to/image.jpg>" /> 元素：src/pages/home/home.ts。

Answer 1

src/assets/ 文件夹应该包含所有资源。您可以根据资源类型使用任何子文件夹。在构建过程中，src/assets 中的所有内容都会复制到 www/assets。

这些图片的网址是什么样的？

当当前文件位于 www 文件夹中时，您必须提供相对于当前文件的路径。 如果您在 scss 文件中进行设置，它通常是 ../assets/../filename。（这最终会成为构建文件夹中 main.css 的一部分）。 和 ./assets/../filename 在您的 html 文件中。