javascript - 如何在 amp-mustache 模板变量中使用 toLowerCase 方法

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>