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)}}"

iframe没有拿起src

1 个答案: