Javascript 如何在Angular JS中加载本地图像？

我刚开始使用AngulerJs，我想从子文件夹加载一个图像

这是我的控制器代码：

$scope.img_source = "../WebContent/Welcom2Iquote.gif";

这是我的

index.html

中的代码：

<img ng-src="{{img_source}}"/>

---

使用图像标记，就像用于放置普通html图像的图像一样

<img ng-src="../assets/img/{{img_source}}" alt="img_source" title="img_source">

您可以这样做

$scope.img_source = "../WebContent/Welcom2Iquote.gif";

如果这是图像路径的范围变量，则可以使用ng src在html中绑定图像，如下所示

<img ng-src="{{ img_source }}" />

---

如果您正在使用angular cli，您的解决方案中应该有一个

资产

文件夹。 将要加载的图像拖放到此文件夹中

现在在

which component.html

页面上插入这一行

{{}

要求您在与

which component.html

文件相对应的typescript文件中定义

img_源代码

因此，请定义那边图片的名称：
public img_source:string='yourpicture.jpg'
@Satyabrat Mahali您是否解决了问题？代码正常。问题是什么？我已经编辑了正确的方法，通过ng SRC代码实现图像。不鼓励回答，因为他们没有解释如何解决问题。考虑更新你的答案来解释这个问题是如何解决的。请查看@FluffyKitten更新版