Variables 在angularjs的src属性中使用ng repeat变量？

我有以下资料：

div.container
    script(src='/js/bootstrap/holder.js')
    p.text-info(ng-pluralize,
                count="devices.length",
                when="{ '0': 'There are no fragments.', 'one': 'There is 1 fragment.', 'other': 'There are {} fragments.'}")

    ul.unstyled(ng-repeat='fragment in devices')
        ul.thumbnails
            li.span
                div.thumbnail
                    img(src="holder.js/{{fragment.dimension.width}}x{{fragment.dimension.height}}")
                    div.caption
                        h3 {{fragment.name}}
                        p {{fragment.dimension}}
                        ul.unstyled(ng-repeat='component in fragment.components')
                            li {{ component.name }}

问题在于

src=“holder.js/{{fragment.dimension.width}}x{{fragment.dimension.height}}

，也就是说，即使查看生成的html，我看到一个正确的src（

src=“holder.js/300x200”

），它也不会显示图像。我猜这不是在属性中使用角度变量的方式

我怎样才能让它工作

编辑： 它似乎不执行

holder.js

。。 源代码如下：在第一次调用中，我使用了angular{{hash}}，在第二次调用中，我手动放置

holder.js/300x200

<div class="thumbnail">
    <img src="holder.js/1678x638">
    <img src="data:image/png;base64,iVBORw0KG...ElFTkSuQmCC" data-src="holder.js/300x200" alt="300x200" style="width: 300px; height: 200px;">
</div>

这篇文章非常清楚地解释了：

在

src

属性中使用像

{{hash}}

这样的角度标记无法正常工作：浏览器将从URL获取文本

{hash}

，直到Angular替换

{hash}}

中的表达式。ngSrc指令解决了这个问题

因此，您必须使用：

它不起作用，即使在我能看到的代码中：

请创建一个可以重现问题的。。没有翡翠，它似乎在工作。。可能是玉与角的冲突吗？（不知道如何在JSMiddle中制作jade和AngularJS）我一点也不知道jade，但它似乎与AngularJS有着部分相同的目标。为什么两者都用？但是AngularJS也是一个模板系统，对吗？无论如何，你最好提出一个新问题，我个人在这个问题上无能为力。