将包或资产/图像文件夹中的图像加载到template.html文件中

Question

我已经尝试了所有可能的方法将图像加载到rails / angular应用程序中的template.html中，但我的方法都没有工作。 我导入了我的模板文件 - 从“./template.html”导入模板; 这是我的角度分量的样子

SELECT
   owner_accountNumber
   ,owner_numCars = COUNT(*) OVER (PARTITION BY owner_accountNumber)
FROM
   MyTable

以下是我尝试过的变体列表。其中logo.png保存在/assets/images/logo.png中，我还在packs / img / logo.png中保存了相同的徽标，只是为了看看哪一个最终会起作用。

WHERE owner_accountNumber = @owner_accountNumber 在控制台import { Component } from '@angular/core'; import template from "./template.html"; import logo from "../packs/img/logo.png"; @Component({ selector: 'ms-nav', template: template }) export class NavComponent {}

中出现此错误

<img src="/assets/images/logo.png" alt="" />在控制台GET http://localhost:5000/assets/images/logo.png 404 (Not Found)

中出现此错误

<img src="<%= asset_pack_path 'logo.png' %>" alt="" /> - GET http://localhost:5000/%3C%=%20asset_pack_path%20'logo.png'%20%%3E 404 (Not Found)

<img src="<%= asset_pack_path '/img/logo.png' %>" alt="" /> - GET http://localhost:5000/%3C%=%20asset_pack_path%20'img/logo.png'%20%%3E 404 (Not Found)

我甚至尝试导入徽标，但收到此错误 - <img src="<%= image_tag('logo.png') %>" alt="" />

我不确定这是不是错了，但我认为这可能因为

而发生

GET http://localhost:5000/%3C%=%20image_tag('logo.png')%20%%3E 404 (Not Found)

根据文档，这应该告诉typescript每当碰到它时都不会对html文件做任何事情。因为打字稿将此文件中的所有内容都视为字符串，我们如何通过外部模板文件加载图像？

我基本上用尽了通过template.html文件加载图片的可能方法的变种。 任何帮助或建议将不胜感激。

谢谢。