iframe 没有获取 src

Question

我有一个带有以下行的 ng-repeat table

  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 行向我展示了我想要的内容，但 2nd 行向我抛出以下错误：

  Error: $interpolate:noconcatMultiple Expressions

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

Answer 1

试试这个：

在控制器中：

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

HTML:

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

iframe 没有获取 src

iframe isn't picking up src

html

iframe

angularjs

angularjs-ng-repeat