程序员经验分享-hwhale

使用角度2显示图像

2024-03-24

我对 Angular 2 很陌生 我被困在这里，我必须显示我正在使用相对路径的图像

<img src="./../images/publicVideo1.PNG">

但出现以下错误

null:1 GET http://localhost:4200/null 404 (Not Found)

上面是应用程序结构，其中图像文件夹中有图像，我试图从 public-videos.component.html 访问该图像

我不明白我错在哪里 任何帮助，将不胜感激。


创建一个目录assets在src目录下。并将图像目录移动到资产中，然后您可以像这样访问图像。在应用程序文件夹中找不到图像，因为我们需要在 .angular-cli.json 的 asset[] 块中设置路径。我们需要设置资产块的路径来访问它。这有帮助吗？

<img src="../../assets/images/publicVideo1.PNG">

角度-cli.json

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

angular

angular2template

使用角度2显示图像 的相关文章

随机推荐

  • MS Word 在 python 中的读/写、Python-docx 问题和 win32com 参考？

    最近 我正在尝试使用不同的 API 进行 MS Word 文件管理 现在正在编写 此时我只需要一个简单的编写Python API 我尝试了 win32com 模块 事实证明该模块非常强大 但缺乏 python 在线示例 对 VB 和 C 的

  • nginx 位置正则表达式 - 字符类和匹配范围

    我正在尝试为路径设置正则表达式 s lt 4 6 character string here gt 我将 4 6 个字符串捕获为 1 我尝试使用以下两个条目 但都失败了 location s 0 9a zA Z 4 6 location s

  • 不同Y级别的UIButton无法在tvOS上聚焦

    我开始为 Apple TV 开发应用程序 但在按钮方面遇到了这个问题 我有一个屏幕 屏幕底部有几个按钮 中间有一个按钮 请参阅屏幕截图以了解 问题是我无法集中中间按钮 焦点仅位于底部的三个按钮上 问题显然是由Y位置 当我移动屏幕底部的按钮时

  • 命令未存储在命令历史记录中

    背景 https stackoverflow com questions 76566358 这个答案 https stackoverflow com a 47595405 2153235依赖于 readline 模块并且write hist

  • 在 MVC razor 视图中的 foreach 循环中对单选按钮进行分组？

    我尝试通过在 html 帮助中提供额外的 html 属性来对循环内的一组单选按钮进行分组 如下所示 ol class Opt foreach var opt in quest Options li class Opt Html RadioB

  • 从 git 包中恢复所有引用

    如何从备份恢复所有远程分支 git bundle Backup git bundle create tmp dp all git bundle list heads tmp dp head n5 f37c9fc7f0ce121568f42f

  • 改进低效的 jQuery 选择器

    在 IntelliJ 中 如果我使用 jQuery 选择器 例如 roleField option each function impl omitted 选择器突出显示 并建议我应该 以 ID 选择器开头的拆分后代选择器 IntelliJ

  • 语音训练文件和注册表位置

    我有一个演讲项目 需要用代码完成声学训练 我能够使用 SAPI 在 Windows 7 下成功创建包含成绩单及其关联注册表项的培训文件 但是 我无法确定识别引擎是否成功使用这些文件并调整其模型 我的问题如下 通过控制面板训练 UI 执行训练

  • Cordova InAppBrowser 不会缩放加载的页面

    谁能帮我获取 Cordova InAppBrowser 在 Android 应用程序上加载的外部页面以适合手机屏幕尺寸 我使用以下代码从 Sencha Touch 应用程序调用 inappbrowser var opt location n

  • AngularJS 'scrollTop' 等效吗？

    我希望在 AngularJS 指令中实现类似的东西 https github com geniuscarrier scrollToTop blob master jquery scrollToTop js https github com

  • 不同 int 类型的运算

    我有一个使用多种不同 int 类型的程序 最常用的是uint64 t和标准int 但是我想知道我是否可以安全地进行它们之间的混合操作 例如我有一个uint64 t我想添加一个int并将该值存储为另一个值uint64 t 做这样的事情安全吗

  • Flask-sqlalchemy和oracle数据库id不自动递增

    我想使用 Python 和 Flask 框架以及 SQLAlchemy 模块在我的数据库 Oracle 11g 但 Ubuntu 16 04 的 Express 版本 中创建一个新表 表的第一个字段是 ID 是一个整数字段 我希望它自动增量

  • 加密/解密 C 语言的 Python 脚本

    重复项 我还没有找到答案 https stackoverflow com questions 4066361 how to obfuscate python code https stackoverflow com questions 40

  • MSBuild 目录结构限制解决方法

    有没有人有办法克服 MSBuild 工具的 260 个字符限制 用于从命令行构建 Visual Studio 项目和解决方案 我试图使用 CruiseControl 实现自动化构建 CruiseControl NET 不是一个选项 所以我试

  • MVC2 ASP.Net URL 是否自动编码？

    所以我像这样调用 MVC2 中的控制器 并且可以很好地访问经典查询字符串 请注意 第二个参数 thing2 已经是 URLEncoded 再次检索 URLEncoded 查询字符串和 URLDecoding 是没有问题的 我的例子看起来像这

  • 使用本地主机时 GuzzleHttp 挂起

    这是一个简单的代码片段 但这只是挂起并且没有响应 httpClient new GuzzleHttp Client version 6 x headers X API KEY gt 123456 request httpClient gt

  • VisualSVN Server：使用 svnadmin 工具进行备份

    我已经在 Windows Server 2008 上安装了 VisualSVN Server 我尝试使用 svnadmin 工具创建热复制备份 我好像没有安装这个工具 C gt svnadmin hotcopy C Repositories

  • 使用 Google Cloud DataFlow python sdk 读取一组 xml 文件

    我正在尝试从 GCS 存储桶读取 XML 文件的集合并处理它们 其中集合中的每个元素都是代表整个文件的字符串 但我找不到关于如何完成此操作的合适示例 我也无法理解它来自 Apache Beam 文档 主要是关于 Java 版本的 我当前的管

  • 数据库项目未运行部署后脚本

    我们有一个包含三个数据库项目的解决方案 所有三个生成的 dacpac 均按顺序部署 但由于某种原因 其中一个 dacpac 不运行部署后脚本 我们使用 sqlpackage 创建 diffscript 并且 diffscriptdoes正确

  • 使用角度2显示图像

    我对 Angular 2 很陌生 我被困在这里 我必须显示我正在使用相对路径的图像 img src images publicVideo1 PNG 但出现以下错误 null 1 GET http localhost 4200 null 40

热门标签