Question

我将amp-list与JSON绑定。问题是我为amp-img提供了数组元素，而amp-img的src必须是小写的，因为服务器上的资产是小写的。

<amp-list layout="fixed-height" height= "10" [height]="getData().length * 50" 
   [src]="getData()" id="datalist" items=".">
    <template type="amp-mustache">
        <amp-img alt="image"
            width="100"
            height="100"
            src="static/{{name}}.png">
            // I want to use {{name.toLowerCase()}} here which is causing the problem
           // Current src= "static/XYZ.png"
          // Expected src= "static/xyz.png"
        </amp-img>
    </template>
</amp-list>

Answer 1

尝试了多种方法之后，我实现了自己想要的效果：[src]="'static/{{ name }}.png'.toLowerCase()"

代码示例：

<amp-list layout="fixed-height" height= "10" [height]="getData().length * 50" 
[src]="getData()" id="datalist" items=".">
    <template type="amp-mustache">
        <amp-img alt="image"
            width="100"
            height="100"
            [src]="'static/{{ name }}.png'.toLowerCase()">
        </amp-img>
    </template>
</amp-list>

如何在ampustache模板变量中使用toLowerCase方法

1 个答案: