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

标签 angular

引用

Plunker

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

 <img [src]="imagePath">

图片怎么还在显示?

最佳答案

好的,考虑一下,

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

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

到目前为止一切顺利。

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

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

所以你的答案的问题是,

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

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

关于angular - Angular2 示例中的图像路径混淆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36164336/

相关文章:

node.js - Angular 9 通用错误 : Component 'HeaderComponent' is not resolved:

angular - 填充子路由器导出 Angular2

angular - TypeScript 返回类型 : void

angular - 如何在节点模块包上跳过 typescript 的 noImplicitAny=true 规则?

angular - 使用 TypeScript、Angular 2 和 SystemJS 进行基于接口(interface)的编程

javascript - 将函数重写为异步

angular - 在 IONIC v2 中从同一页面更改数据后如何使用新数据重新加载子页面

javascript - 使用 Angular prime ng 导入文件问题

angular - 如何解决错误: Failed: Error while waiting for Protractor to sync with the page

node.js - Angular 12 通用配置 'development' 未在工作区中设置