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

Question

I am binding the amp-list with a JSON. The problem is I am providing the array element for amp-img and the src for amp-img must be in lower case as the asset on my server is in lowercase.

<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

After trying multiple approaches, I achieved what I wanted to like this: [src]="'static/{{ name }}.png'.toLowerCase()"

Code Sample:

<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>