angular - Angular2 示例中的图像路径混淆

Question

引用

Plunker

在 app.component.ts 中，imagePath 定义在 angular.png ,然而，在代码库中，图像实际上被命名为angular.base64.png。

 <img [src]="imagePath">

图片怎么还在显示？

Answer 1

好的，考虑一下，

问:能否在给定的plunker中创建一个名为MyImages的文件夹？
答:是的

问:怎么办？
A: 点击New File，会弹出一个窗口询问文件夹名称，给它起一个像MyImages这样的名字。

到目前为止一切顺利。

问:现在如何将图像插入或添加到MyImages 文件夹？可能吗？
答:我不知道我怎么知道。

注意:在 plunker 中添加图片到文件夹不像在 windows-7/8/10 中添加图片那么简单(自己尝试并检查它是否有那么简单吗？)。

所以你的答案的问题是，

.base64.png 仅显示/表示扩展名为 .png 的 base64 编码文件。所以它只是一个用base64编码的图像文件。就是这样。

其余的事情就像使用 plunker 一样简单。不是吗？