gpt4 book ai didi

javascript - html 标签中的angularjs表达式
转载 作者:技术小花猫 更新时间:2023-10-29 12:09:12 25 4
gpt4 key购买 nike

我有一个类似 $scope.doc_details 的范围在我的 angularjs Controller 中,我想使用它通过标签显示 pdf 文件,如下所示:

<object data="{{doc_details.file_url}}" type="application/pdf"></object>

但它没有在浏览器中加载,在我的 chrome 控制台中,我所看到的是:

Failed to load resource: the server responded with a status of 404 (Not Found) 
http://localhost/%7B%7Bdoc_details.file_url%7D%7D

当我使用 <span>{{doc_details.file_url}}</span> 显示它时它显示了值(value)。

最佳答案

截至AngularJS 1.1.4 ,您可以为 data 属性使用 ng-attr- 前缀:

<object ng-attr-data="{{doc_details.file_url}}" type="application/pdf"></object>

请参阅 AngularJS: Interpolation and data-binding 上的 ngAttr 以绑定(bind)到任意属性部分.

关于javascript - html <object> 标签中的angularjs表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14903112/

25 4 0