Binden eines Array-Eintrags in eine Bildquelle

Question

Ich möchte den Wert post.$value.split("|")[2] an eine Bildquelle binden. Es ist einfach eine Saite, die von einer anderen Saite kommt, die ich gespalten habe. Ich möchte durch eine andere Anordnung zu vermeiden, Looping, da ich

*ngFor = 'let post of posts | async' 

Als ngFor Anweisung haben, die meine Elemente Schleifen über und das ist ein FirebaseListObservable die Ich mag würde zu Chaos vermeiden, und zu halten wie es ist. Aus irgendeinem Grund erkennt html die eckigen Klammern im Ausdruck nicht. Was mache ich, Angular wird es nicht erkennen, entweder mit der Eingabe [] Syntax oder der {{}} Syntax.

Answer 1

Sie sollten Ihren Ausdruck mit Anführungszeichen:

<img [src]="post.$value.split('|')[2]">