iframe ist nicht Abholung src

Question

Ich habe eine ng-Repeat-Tabelle mit den folgenden Zeilen

1. <td> 
     <a href="/pdf_viewer/web/viewer.html?file=/pdf/{{x.file_id}}"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> 
    </td> 
    2. <td> 
     <iframe src="/pdf_viewer/web/viewer.html?file=/pdf/{{x.file_id}}" width="100%" height="400"></iframe> 
    </td> 
    3. <td> 
     <iframe src="/pdf_viewer/web/viewer.html?file=/pdf/test.pdf" width="100%" height="400"></iframe> 
    </td> 

Die 1. und 3. Reihe mir zeigen, was ich will, aber die 2. Reihe wirft mir die folgende Fehlermeldung:

Error: $interpolate:noconcatMultiple Expressions 

wenn ich den Namen codieren, scheint es zu funktionieren (i denselben Wert für alle Zeilen erhalten, die nicht das, was ich will, aber zumindest scheint es so zu arbeiten), aber wenn ich versuche, durch iterieren ng-repeat zeigt den Fehler an.

Answer 1

diese stattdessen versuchen:

In Controller:

$scope.getIframeSrc = function (fileid) { 
    return '/pdf_viewer/web/viewer.html?file=/pdf/' + fileid; 
}; 

HTML:

ng-src="{{getIframeSrc(x.file_id)}}"