gpt4 book ai didi

javascript - 控制台中的图像 ng-repeat .error 问题

转载 作者:行者123 更新时间:2023-12-02 13:47:49 25 4
gpt4 key购买 nike

我的 ng-repeat 图像遇到意外问题。我只想根据其类型显示图像和pdf。 **[

[I am getting this error on my app]

我的代码笔是codepen.io/anujsphinx/pen/GNepPE

我在控制台中收到错误,请检查该问题

我的代码是

<div ng-repeat="media in docList" class="list">
<div class="item item-avatar" ng-if="media.docType == 'image'">
<img ng-src="{{media.docUrl}}">
<h3>{{media.docName}}</h3> {{media.docUrl}}
</div>
<div class="item item-avatar" ng-click="Download({{media.docUrl}})" ng-if="media.docType == 'pdf'">
<img ng-src="https://cdn4.iconfinder.com/data/icons/file-extensions-1/64/pdfs-512.png" type='application/pdf'>
<h3>{{media.docName}}</h3>{{media.docUrl}}
</div>
</div>

js

  $scope.docList = [
{id:1,docName: 'pic1.jpg',docUrl : 'http://3.bp.blogspot.com/-XchURXRz-5c/U5ApPOrPM9I/AAAAAAAADoo/YZEj4qeSlqo/s1600/Final-Fantasy-XV-Noctis-Red-Eyes.png' ,docType :'image'},
{id:3,docName: 'dummy.pdf',docUrl : 'http://werkspoorkathedraal.nl/user-files/uploads/2015/02/dummy_pdf.pdf' ,docType :'pdf'}
];

最佳答案

您需要了解不同的 Angular Directive(指令)采用不同的参数

ng-src 采用模板插值 {{}} 作为参数,而 ngclick 采用表达式作为参数,因此您无需在 ng-click 中指定 {{}}。

在此处了解更多信息。

https://docs.angularjs.org/api/ng/directive/ngSrc

https://docs.angularjs.org/api/ng/directive/ngClick

所以代码应该写成

<div class="item item-avatar" ng-click="Download(media.docUrl)" ng-if="media.docType == 'pdf'">

关于javascript - 控制台中的图像 ng-repeat .error 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41241665/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com