Html iframe不是';t拾取src

Html iframe不是';t拾取src,html,angularjs,iframe,angularjs-ng-repeat,Html,Angularjs,Iframe,Angularjs Ng Repeat,我有一个ng repeat表,其中有以下几行 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

我有一个ng repeat表,其中有以下几行

  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>
当我硬编码名称时,它似乎起作用(我得到的所有行的值都相同,这不是我想要的,但至少它似乎是这样工作的),但当我尝试通过ng repeat进行迭代时,它会显示错误。

请尝试以下方法:

在控制器中:

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


可能是url?my x.file_id returns test.pdf.中的斜杠。。所以,我不知道你的意思。
$scope.getIframeSrc = function (fileid) {
  return '/pdf_viewer/web/viewer.html?file=/pdf/' + fileid;
};
ng-src="{{getIframeSrc(x.file_id)}}"