2016-07-02 12 views
0

Ich habe etwas versucht, wie dieWie Bild mit Angular Material hinzufügen?

  <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 fehlgeschlagen Ressource laden: der Server mit einem Status von 404 reagiert `

(nicht gefunden)

Das Bild in diesem Ordner ist .. kann jemand bitte Hilf mir?

+0

Verwenden Sie nicht ~ in Ihrer URL, und warum verwenden Sie ng-src hier? – Noppey

+0

@Noppey Was zu benutzen ?? Ich habe ein Beispiel wie dieses gesehen –

+0

Wenn es in Ihrem Bilderverzeichnis in Ihrer/Webapp ist, verwenden Sie einfach "/images/profile.svg". ~ ist ein Rasierklingen/asp.net-Ding, um Wurzeln von URLs aufzulösen. – Noppey

Antwort

0

Verwenden Sie nicht ng-src, wenn Ihre Quelle keine Variable ist. Verwenden Sie einfach das normale html src-Attribut.

~ ist eine Rasierklinge/Asp.net Thingy zu Root-URL-Server-Seite zu lösen. Es wird nicht in HTML-Code funktionieren.

Verwenden Sie einfach "/Images/profile.svg".