iframe 没有接收 src

Question

我有一个包含以下几行的 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>

第 1 行和第 3 行向我展示了我想要的内容，但 第 2 行向我抛出了以下错误：

  Error: $interpolate:noconcatMultiple Expressions

当我对名称进行硬编码时，它似乎可以工作（我为所有行获得相同的值，这不是我想要的，但至少它似乎是这样工作的），但是当我尝试遍历 ng-repeat 时显示错误。

Answer 1

试试这个：

在控制器中：

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

HTML：

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