如何使用 Angular 材质添加图像？答案

【问题标题】：How to add image with Angular material?如何使用 Angular 材质添加图像？
【发布时间】：2016-11-04 18:58:46
【问题描述】：

我尝试过类似的方法

            <img ng-src="~/Images/profile.svg" style="height:130px ; width:180px" class="md-card-image" alt="~/Frontend/images/question-circular-button.svg">

http://localhost/WebApp/~/Images/profile.svg资源加载失败：服务器响应状态为404（未找到）`

图片在那个文件夹中..有人可以帮我吗？

【问题讨论】：

不要在你的url中使用~，为什么这里使用ng-src？
@Noppey 用什么？？我看到了一个这样的例子
如果它在 /webapp 的图像目录中，只需使用“/images/profile.svg”。 ~ 是一个 razor / asp.net 解决 url 根的东西。

标签： c# angularjs asp.net-mvc svg frontend

【解决方案1】：

如果您的源不是变量，请不要使用 ng-src。只需使用常规的 html src 属性即可。

~ 是一个 razor/asp.net 解决根 url 服务器端的东西。它不适用于 html 代码。

只需使用“/Images/profile.svg”。

【讨论】：