Ich habe ein Problem mit Bild src in eckigen 4. Es sagt mir, dass das Bild nicht gefunden wird.
Ordnerstruktur: Hier
Ich verwende das Bild in meiner Komponente. Wenn ich in meiner Komponente direkt einfügen
%Vor%Es funktioniert gut, aber ich überprüfte den HTML-Code und es erstellt einen Hash. Aber meine Bilder müssen dem HTML dynamisch hinzugefügt werden, da sie Teil einer Liste sind. Also, wenn ich folgendes benutze:
%Vor%was im Grunde genommen "img / myimage.png" ist, funktioniert nicht. Wenn ich
benutze %Vor%Es sagt NOT FOUND (htttps: //localhost/img/myimage.png). Kannst du mir helfen?
Kopieren Sie Ihre Bilder in den Ordner "Assets". Angular kann nur statische Dateien wie Bilder und Konfigurationsdateien aus dem Ordner "Assets".
probiere es so aus <img src="assets\img\myimage.png">
Weisen Sie in Ihrer Komponente eine Variable wie,
zu %Vor%Verwenden Sie dieses netImage in Ihrem src, um das Bild wie unten angegeben zu erhalten,
%Vor%Ihr Bilderordner und Ihre index.html sollten sich in demselben Verzeichnis befinden (folgen Sie der folgenden Verzeichnisstruktur). Es wird sogar nach dem Build funktionieren
Verzeichnisstruktur
%Vor%Eine wichtige Beobachtung, wie Angular 2, 2+ Attributbindungen funktionieren.
Das Problem mit [src]="imagePath" funktioniert nicht während der folgenden:
<img src="img/myimage.png"> <img src={{imagePath}}> Aufgrund Ihrer verbindlichen Deklaration ist [src]="imagePath" direkt an die Komponente this.imagePath der Komponente gebunden, oder wenn sie Teil einer ngFor-Schleife ist, dann *each.imagePath .
Bei den anderen beiden Arbeitsoptionen binden Sie jedoch entweder eine Zeichenfolge an HTML oder erlauben HTML, an eine Variable gebunden zu werden, die noch definiert werden muss.
HTML wird keinen Fehler verursachen, wenn Sie <img src=garbage*Th_i$.ngs> binden, jedoch wird Angular Wille.
Ich empfehle inline-if zu verwenden, falls die Variable möglicherweise nicht definiert ist , z. B. <img [src]="!!imagePath ? imagePath : 'urlString'"> , was aber als node.src = imagePath ? imagePath : 'something' gelten kann.
Vermeiden Sie die Bindung an mögliche fehlende Variablen oder verwenden Sie *ngIf in diesem Element.
AngularJS
%Vor%Angular2 & amp; 4
%Vor%Kopieren Sie Ihre Bilder in den Ordner "Assets". Angular kann nur statische Dateien wie Bilder und Konfigurationsdateien aus dem Ordner "Assets".
probiere es so aus %code%
Weisen Sie in Ihrer Komponente eine Variable wie,
zu %Vor%Verwenden Sie dieses netImage in Ihrem src, um das Bild wie unten angegeben zu erhalten,
%Vor%Nun, das Problem war, dass der Pfad irgendwie nicht erkannt wurde, wenn er in src durch eine Variable eingefügt wurde. Ich musste eine Variable wie folgt erstellen:
Pfad: any = require ("../../ img / myImage.png");
und dann kann ich es in src verwenden. Danke an alle!
Ihr Bilderordner und Ihre index.html sollten sich in demselben Verzeichnis befinden (folgen Sie der folgenden Verzeichnisstruktur). Es wird sogar nach dem Build funktionieren
Verzeichnisstruktur
%Vor%Sie müssen die Breite für das Bild als Standard angeben
%Vor%es funktioniert für mich basierend auf allen anderen alternativen Weg.
@Annk Sie können eine Variable in der Datei __component.ts
erstellenmyImage: string=" Ссылка ";
und innerhalb der Datei __. component.html können Sie eine dieser drei Methoden verwenden:
1.
%Vor%2.
%Vor%3.
%Vor%Eine wichtige Beobachtung, wie Angular 2, 2+ Attributbindungen funktionieren.
Das Problem mit %code% funktioniert nicht während der folgenden:
Aufgrund Ihrer verbindlichen Deklaration ist %code% direkt an die Komponente %code% der Komponente gebunden, oder wenn sie Teil einer ngFor-Schleife ist, dann %code% .
Bei den anderen beiden Arbeitsoptionen binden Sie jedoch entweder eine Zeichenfolge an HTML oder erlauben HTML, an eine Variable gebunden zu werden, die noch definiert werden muss.
HTML wird keinen Fehler verursachen, wenn Sie %code% binden, jedoch wird Angular Wille.
Ich empfehle inline-if zu verwenden, falls die Variable möglicherweise nicht definiert ist , z. B. %code% , was aber als %code% gelten kann.
Vermeiden Sie die Bindung an mögliche fehlende Variablen oder verwenden Sie %code% in diesem Element.
Erstellen Sie einen Bildordner im Ordner "Assets"
%Vor%Check in your.angular-cli.json unter App - & gt; Assets: [] wenn Sie den Assets-Ordner enthalten haben.
Oder vielleicht etwas hier: Ссылка , kann helfen.
Ich habe ein Problem mit Bild src in eckigen 4. Es sagt mir, dass das Bild nicht gefunden wird.
Ordnerstruktur: Hier
Ich verwende das Bild in meiner Komponente. Wenn ich in meiner Komponente direkt einfügen
%Vor%Es funktioniert gut, aber ich überprüfte den HTML-Code und es erstellt einen Hash. Aber meine Bilder müssen dem HTML dynamisch hinzugefügt werden, da sie Teil einer Liste sind. Also, wenn ich folgendes benutze:
%Vor%was im Grunde genommen "img / myimage.png" ist, funktioniert nicht. Wenn ich
benutze %Vor%Es sagt NOT FOUND (htttps: //localhost/img/myimage.png). Kannst du mir helfen?