Angualrjs ng-src async laden eines Bildes aus einer Funktion aufrufen

Frage ich mich, ob es möglich ist, weisen Sie das Ergebnis einer Funktion aufrufen, um ein ng-src in einem Bild?

Im Grunde, ich brauche zum abrufen einer Reihe von miniaturen, die für eine Reihe von Daten aus einer aspx-Seite, es kann oder kann nicht eine Miniaturansicht. Also ich muss ein anderes preset Bild für einen Fall, wenn es nichts ist zurück aus der thumbnail-Seite.

Etwas wie dieses: 

<img ng-src="getThumbnail({{ item.Id }})" />

Wo getThumbnail ist eine Funktion, die eine http-Anforderung an eine url wie 

http://localhost/Srv/getThumbnail.aspx?id=111

Habe ich versucht, diese aber Eckig ist das produzieren dieser:

<img ng-src="getThumbnail(111)" src="getThumbnail(111)">

Anstelle von aufrufen der Funktion. Gibt es einen besseren Weg, dies zu tun?

  • Haben Sie versucht {{getThumbnail(item.id)}}? Vorausgesetzt, die getThumbnail Funktion ist auch in einem erreichbaren Rahmen.
InformationsquelleAutor | 2014-05-08
  1. 9

    Habe ich kommentiert auf deine Frage, aber ich werde Ihnen mein Vorschlag, wie eine Lösung nach der Suche in der AngularJS Dokumentation. Die ng-src Richtlinie wird richtig eingestellt, die src Attribut img. Diese Richtlinie kann enthalten Eckige Ausdrücke und diese können rufen Sie die Funktionen auf dem controller, und erreichbar in den aktuellen Bereich. Also statt:

    <img ng-src="getThumbnail({{ item.Id }})" />

    Versuchen Sie dies:

    <img ng-src="{{ getThumbnail(item.Id) }}" />

    In der früheren Erklärung, die Funktion ist nicht verfügbar, um den Kantigen Bereich, aber es ist in der letzteren. (Wenn ich mich nicht Irre, denn ich habe nicht versucht, den code selbst).

    Stellen Sie sicher, dass die getThumbnail Funktion in einem controller, der erreichbar ist, um den aktuellen Bereich.

    • Ich weiß, das ist ein bisschen off-topic, aber wäre es möglich, verwenden Sie eine ähnliche Methode für asynchrone laden von ng-options in einem select?
    • Nein sorry
    InformationsquelleAutor jlr
Schreibe einen Kommentar